Hvorfor du bør bruke AJAX med JavaScript på en HTML5-side - dummier

Mange JavaScript-brukere og webutviklere har hørt om AJAX, antatt at det var en spesiell type språk, og gikk aldri lenger. AJAX er ikke et nytt språk; Det er en gjenbruk av eksisterende teknologi for å skape en ny måte å håndtere oppdateringer på dokumenter. Alt du trenger å gjøre er å bruke teknologiene bak AJAX på en ny måte å få noen store fordeler ved å presentere innhold på nettet.

Fordelene med AJAX

AJAX gjør det mulig å lage dynamiske applikasjoner som laster og kjører raskere, og bruker også færre nettverks- og serverressurser. Målet med AJAX er å tillate endringer på en side uten å måtte laste hele siden på nytt.

Bruke AJAX gjør det mulig å lage applikasjoner som er ganske raske uten å laste ned serveren med store forespørsler. Alt serveren må gjøre er å sende et lite stykke data til den som ringer etter forespørsel. Denne lille dataen beveger seg raskere over nettverket, noe som betyr at forespørselslatelse også er mindre.

En av de større grunnene til å bruke AJAX er at den er standardbasert (opprettet og administrert av en standardgruppe). Det er ikke noe stort selskap der ute som kontrollerer AJAX. Fordi det er standardbasert, kjører AJAX på en hvilken som helst nyere nettleser og plattformskombinasjon som støtter standardene den bruker. AJAX er avhengig av disse standardene:

• JavaScript: Du bruker JavaScript for å skrive koden som kreves for å håndtere hendelser i nettleseren, stille forespørsler til serveren og oppdatere områder på siden etter behov.

• Dokumentobjektmodell (DOM): JavaScript gjør bruk av DOM for å få tilgang til bestemte steder på siden.

• Cascading Style Sheets (CSS): Bruke CSS gjør det mulig å opprette spesialeffekter under dataoppdateringer. I tillegg gjør CSS de nye dataene i bruk med det eksisterende sidens innhold.

• eXtensible Markup Language (XML): Enhver oppdatering skal kreve noen form for data. XML er et perfekt valg fordi det fungerer hvor som helst.

• XMLHttpRequest objekt: Kommunikasjon med serveren krever en tilkobling, og XMLHttpRequest-objektet oppretter denne tilkoblingen. AJAX utfører sine oppgaver asynkront.

Hvordan AJAX fungerer

AJAX utfører ikke magi. Det er ingenting bak scenene som ikke gir mening når du forstår det. AJAX utfører oppgaven over en nettverkskabel i stedet for lokalt på samme side eller en ekstern side i samme mappe. Her er sekvensen av hendelser som oppstår når du bruker AJAX.

1. Det oppstår en hendelse i nettleseren. (Arten av arrangementet er irrelevant, men innebærer vanligvis en dataanmodning av noe slag.)

2. JavaScript lager et nytt XMLHttpRequest-objekt. I dette tilfellet vil objektet bli konfigurert til å utføre sitt arbeid asynkront med en tilbakeringingsfunksjon.

3. JavaScript sender forespørselen til serveren for behandling. På dette tidspunktet fortsetter siden å utføre oppgaver som det vanligvis gjør mens du venter på svar.

4. Serveren mottar XMLHttpRequest-objektet som JavaScript sendte og behandler det.

5. Serveren oppretter et svar og sender det tilbake til nettleseren.

6. Nettleserens tilbakeringingsfunksjon som følger med den opprinnelige forespørselen mottar svar fra serveren.

7. Tilbakeringingsfunksjonen utfører enhver nødvendig etterbehandling av svaret.

8. En oppdatering av informasjonen på skjermen skjer, og brukeren ser resultatet.