Video: AJAX Tutorial for Beginners | What is AJAX | Learn AJAX 2024
Av Andy Harris
Tabellene du finner her, tilbyr en engangsreferanse for de vanligste programmeringsvariablene, kommandoene, metodene og kodingsmaterialet som brukes i JavaScript-programmer, jQuery og AJAX.
Kode for bruk i JavaScript Variable Manipulation Funksjoner
Som vist i følgende tabell, kan du bruke disse JavaScript-setningene i din egen kode for å opprette og endre variabler i JavaScript-funksjonene.
| Element | Beskrivelse |
|---|---|
| var myVar = 0; | Oppretter en variabel med gitt startverdi. Type bestemmes dynamisk. |
| stringVar = prompt ("message") | Sende melding til bruker i en dialogboks, henter tekstinngang fra bruker og lagrer den i stringVar. |
| stringVar. lengde | Returnerer lengden (i tegn) av stringVar. |
| stringVar. toUpperCase (), stringVar. toLowerCase () | Konverterer stringVar til store eller små bokstaver. |
| stringVar. substring () | Returnerer en spesifisert delmengde av stringVar. |
| stringVar. indexOf () | Returnerer plasseringen av en substring i stringVar (eller -1). |
| parseInt () | Konverterer streng til int. |
| parseFloat () | Konverterer streng for å flyte. |
| toString () | Konverterer alle variabler til streng. |
| eval () | Evaluerer streng som JavaScript-kode. |
| Math. ceil () | Konverterer et tall til heltall ved å avrunde. |
| Math. gulv () | Konverterer et tall til heltall ved å avrunde. |
| Math. runde () | Konverterer et tall til heltall med standardrundingsalgoritmen. |
| Math. tilfeldig () | Returnerer tilfeldig flyt mellom 0 og 1. |
Grunnleggende I / O-kommandoer i JavaScript
JavaScript-programmerere bruker vanligvis kommandoene som vises i følgende tabell for å kontrollere dialogbasert inngang og utdata i programmer som skal brukes på nettet.
| Elementet | Description |
|---|---|
| alert ("message"); | Lag en melding til brukeren i en dialogboks, hent tekstinngang fra bruker og lagre den i stringVar. |
|
|
Se etter følgende tabell for JavaScript-kontrollstrukturer du kan bruke i programkoden din, for å legge til forgrenings- og loopingadferdighet til JavaScript-programmene dine.
Element
| Beskrivelse | hvis (betingelse) { |
|---|---|
| // innhold
} annet { // mer innhold } // slutt hvis Utfører innhold bare hvis tilstanden er sant. |
Valgfritt annet klausul oppstår hvis tilstanden
er feil. bryter (uttrykk) |
| tilfelle: verdi;
// code break; standard: // kode } Sammenligner uttrykk mot en eller flere verdier. Hvis uttrykket |
er lik verdi, kjører tilsvarende kode.
Standardklausulen fanger opp noen uncaught verdier. for (i = 0; i |
| // kode
} // slutt for Gjentakelseskode i ganger. |
Mens (tilstand) { |
| // kode
} // slutt mens Gjentar kode så lenge tilstanden er sant. |
Funksjon fnName (parametere) { |
| // kode
} // sluttfunksjon Definerer en funksjon kalt fnName og |
sender det parametere. All kode inne i funksjonen utføres når
funksjonen kalles. Legg til JavaScript-sammenligning Operatører til betingelseserklæringer |
JavaScript bruker sammenligningsoperatører i forhold til å gjøre numeriske eller alfabetiske sammenligninger av variabler til andre variabler eller verdier. Ved å bruke disse operatørene kan du bestemme om en variabel er større enn, mindre enn eller lik en annen variabel eller verdi. Du kan også bruke kombinasjoner av disse sammenligningsoperatørene.
Navn
| Operator | Eksempel | Notater | Likestilling |
|---|---|---|---|
| == | (x == 3) | Fungerer med alle variabelstyper, inkludert strenger. | Ikke like |
| ! = | (x! = 3) | True hvis verdiene ikke er like. | Mindre enn |
| << (x <3) | Numerisk eller alfabetisk sammenligning. | Større enn >> | (x> 3) |
| Numerisk eller alfabetisk sammenligning. | Mindre enn eller lik | <= | (x <= 3) |
| Numerisk eller alfabetisk sammenligning. | Større enn eller lik >> = | (x> = 3) | Numerisk eller alfabetisk sammenligning. |
| Lag JavaScript-strukturer og objekter | Med JavaScript kan du sette sammen kodelinjer for å lage funksjoner og variabler for å lage arrayer. Du kan sette funksjoner og variabler sammen for å lage objekter. | Element | Beskrivelse |
funksjon fnName (parametere) {
// kode
| } // sluttfunksjon | Definerer en funksjon kalt fnName og |
| sender det parametere. All kode inne i funksjonen utføres når
-funksjonen kalles. var myArray = nytt Array ("a", |
"b", "c");
Oppretter en matrise. Elementer kan være alle typer (selv blandede typer). |
| Var myJSON = {
"navn": |
"Andy",
"title": |
| "Forfatter"
} Oppretter et JSON-objekt. Hvert element har et navn / verdi-par, og kan inneholde alt, inkludert en matrise (med firkantede bånd) et annet JSON-objekt, eller en funksjon. |
Var person = nytt objekt ();
Person. navn = "Andy"; Oppretter et objekt. Du kan legge til vanlige variabler (som blir |
| egenskaper) eller funksjoner (som blir metoder).
Endre websiden din med metodene for JavaScript-dokumentmodell Dokumentobjektmodell metodene som vises i følgende liste, gir deg en fin måte å få tilgang til og modifisere websidene dine via JavaScript-koden. |
myElement = dokument. getElementById (“ |
navn
“
-
); : Får et element fra siden med den angitte ID og kopierer en referanse til det elementet til variabelen myElement. myElement. innerHTML = " verdi "
-
: Endrer verdien av elementet til "verdi". dokumentet. onkeydown = keyListener : Når en tast er trykket, aktiveres en funksjon som kalles keyListener automatisk. dokumentet. onmousemove = mouseListener
-
: Når musen er flyttet, aktiveres en funksjon som kalles mouseListener automatisk. setInterval (funksjon, ms);
-
: Kjører funksjon hver ms millisekunder. myArray = dokument. getElementByName (
-
" navn "
-
) : Returnerer en rekke objekter med det nåværende navnet (ofte brukt med radioknapper). Legg til søkeverktøy med vanlige uttrykksoperatører i JavaScript Den vanlige uttrykksmekanismen legger til ekstremt kraftige søkeverktøy til programmeringen. Her er noen av de vanligste vanlige uttrykkene som de brukes i JavaScript. Operatør og
Beskrivelse
Eksempel
| mønster
Matcher og |
Erfarer ' | t samsvarer
. (periode) Enhver enkelt tegn unntatt newline |
| .
E n ^ |
Begynnelsen av strengen | ^ a
eple |
| Banan
$ |
Enden av strengen | a $
banan |
| Apple
[tegn] |
En hvilken som helst liste over | tegn i
braces |
| [abcABC]
A D > Et hvilket som helst tegn i |
rekkevidde | [a-zA-Z]
F |
| 9
d Enhver |
numerisk siffer | ddd-dddd
123-4567 |
| The-thing
b Et ordgrense |
btheb | the
Theatre |
| +
En eller flere |
forekomster av | forrige tegn
d + |
| 1234
Tekst * Null eller mer |
forekomster av | forrige tegn
[a-zA-Z] d * |
| B17, g
7 {siffer} Gjenta forrige |
tegn | siffer
ganger |
| d {3} -d {4}
123-4567 > 999-99-9999 {min, maks} Gjenta forrige tegn minst |
min | men ikke mer
enn |
| maks
ganger . {2, 4} Ca, com, info vannmelon (mønster segment) Lagre resultater i mønsterminne |
returnert med kode | ^ (.). * 1 $
gig, wallow |
| Bobby
Vanlige metoder for jQuery-noden JQuery-biblioteket gjør DOM-objekter til kraftige jQuery-noder. Tabellen nedenfor viser noen av de mest brukte metodene til jQuery-noden. M |
etod | Beskrivelse
addClass (), removeClass (), |
toggleClass ()
Bruker eller fjerner en CSS-klasse til en jQuery-node.
| css ("attributt", "verdi") | Gjelder en enkelt CSS-regel til jQuery-noden. |
| Css (JSONObject)
Gjelder JSON objektliste over CSS-regler og verdier til jQuery |
noden. |
| html ()
Leser eller endrer HTML-innholdet til jQuery-noden. |
tekst () |
| Leser eller endrer tekstinnholdet i en jQuery-node. | val ()
Leser verdien av et skjemaelement. |
| bind (hendelse, funksjon) | Utløser funksjon som skal oppstå når hendelsen oppstår. |
| Vis (), skjul (), veksle () | Lar element vises eller forsvinne. |
| animere (parametere, varighet) | parametere er et JSON objekt |
| som består av CSS regler og verdier. Verdiene blir jevnt forandret | fra nåværende verdi til målverdi over varighet (målt i |
| millisekunder). | jQuery Selectors and Filters |
| En del av jQuery's makt er basert på muligheten til å velge bestemte deler av siden.Dette tabellen inneholder flere ofte brukte selektorer og filtre. | Selector / Filter
Søker etter … $ ("element") Ethvert HTML-element. |
$ ("# elementID")
Ethvert element med den oppgitte IDen.
| $ (". ClassName") | Ethvert element med det oppgitte klassenavnet. |
| : header | Enhver topptekst (h1, h2, h3, og så videre). |
| : animert | Ethvert element som for tiden blir animert. |
| : inneholder (tekst) | Ethvert element som inneholder den angitte teksten. |
| : tom | Elementet er tomt. |
| : foreldre | Et element som inneholder noe annet element. |
| : attributt = verdi | Elementet har et attributt med den angitte verdien. |
| : Input,: text,: radio,: bilde,: knapp, | etc |
| Matcher på den spesifikke elementstypen (spesielt nyttig for | formelementer som er alle variasjoner av inngangstegnet). |
|
|
Legg til jQuery brukergrensesnittklasser til tema stiler |
| Disse CSS-klassene er definert i et jQuery-UI-tema. Hvis du bruker jQuery brukergrensesnitt, kan du legge til noen av disse klassene i objektene dine for å legge til tema stiler.
Klasse |
Brukes på
D |
ui-widget
Ytre beholder med widget
| Gjør element som en widget. | ui-widget-header | Overskriftelement Gjelder særpregende utseende. |
| ui-widget-innhold | Widget | Gjelder widgetinnholdsstil til element og barn. |
| ui-state-default | Klikkbare elementer | Viser standard (unclicked) tilstand. |
| ui-state-hover | Klikkbare elementer | Viser hover state. |
| ui-state-fokus | Klikkbare elementer | Vis fokuseringsstatus når elementet har tastaturfokus. |
| ui-state-aktiv | Klikkbare elementer | Vis aktiv tilstand når musen klikkes på elementet. |
| ui-state-highlight | Enhver widget eller element | Angir elementet er for øyeblikket uthevet. |
| ui-state-error | Enhver widget eller element | Angir et element vil inneholde en feilmelding eller advarsel |
| melding. | Ui-tilstand-feiltekst | Tekstelement |
| Lar feil utheve uten å endre andre elementer | (hovedsakelig brukt i form validering). | ui-state-disabled
Enhver widget eller element |
| Demonstrerer at widgeten for øyeblikket er deaktivert. | ui-corner-all, | ui-corner-tl (etc)
Enhver widget eller element |
| Legger til gjeldende hjørneformat til element. Angi bestemte hjørner | med tl, tr, bl, br, topp, bunn, venstre, høyre. | ui-widget-shadow |
| Enhver widget
Gjelder skyggeeffekt til widgeten. |
|
jQuery Metoder for sending av en AJAX-forespørsel
Som du ser fra å studere følgende tabell, leverer jQuery flere metoder for å sende en AJAX-forespørsel til serveren og analysere resultatene. |
| Metode | Beskrivelse | få (url, parametere) |
URL-adressen. Parametre er JSON objekt
innkapsling skjema data (navn / verdi par). Resultatet returneres som
| HTML, XML eller vanlig tekstdata. | post (url, parametere) |
| Akkurat som får, men bruker postmetoden, som skjuler parametrene. | last (url, parametere)
Mye som å få (), men returnerer et jQuery objekt.Ringe innhold i jQuery-objektene erstattes av returnerte data (vanligvis HTML eller XHTML). |
| getJSON | Som får, men returnerer et JSON objekt, |
| som kan analyseres for videre behandling. |
Redaktørens valg
Hvordan du endrer temafonter i PowerPoint 2007 - dummiesVelger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene: 
Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummiesPowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov. 
Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummiesRedusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ... Redaktørens valg
Word 2016 Tekstoppføring og formaterings snarveier - dummiesWord 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ... 
Word 2016 Se snarveier - dummierNoensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ... 
Hvordan skrive melding Popup-makroer i Word 2016 - dummiesDen mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ... Redaktørens valg
Legg til tekst til lukkede figurer med Adobe CS5-dummiesAdobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ... 
Adobe CS5 Illustrator Area Type Tool - dummiesEn enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ... 
Adobe CS5 Illustrator Clipping Masks - dummiesAdobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ... Redaktørens valg |
