Komponenter av Ajax

Utviklere bruker AJAX funksjoner for å gjøre nettsteder mer interaktiv og dynamisk. AJAX behandling innebærer en rekke teknologier, inkludert HTML markup for innholdet på websiden, Javascript behandling, server teknologier som PHP skriptspråk, XML markup data og database behandling i SQL. Noen spesiell AJAX-funksjonen kan innebære et utvalg av disse teknologiene. Implementering av AJAX funksjoner krever en forståelse av hvordan komponentene kommuniserer med hverandre.

HTML

Websiden innhold knyttet til en AJAX-funksjonen er vanligvis modellert i HTML markup-koden. HTML-elementer inkluderer event attributter å kalle AJAX funksjoner på brukermedvirkning. Følgende eksempelkode demonstrerer:
<Input type = "button" value = "Ring AJAX" onclick = "getMoreData ()" />

Denne knappen kaller en Javascript-funksjon som heter "getMoreData" når brukeren klikker det. Javascript-funksjonen kan inngå i et skript avsnitt i HTML-siden hodet element. Når brukeren klikker på knappen, vil Javascript-funksjonen hente nye data fra webserveren og skrive det inn i HTML-strukturer i siden.

Javascript

Javascript er involvert i starten og slutten av AJAX behandlingssyklusen. Når en leser hendelse i utgangspunktet kaller en Javascript-funksjon, kaller denne funksjonen en server-side script på et språk som PHP. Javascript-funksjonen kan eventuelt sende data til server-side script. Javascript-funksjonen lytter også for serveren respons, henting av data som sendes tilbake av serveren. Javascript-koden kan deretter behandle server respons, ofte skrive det inn på siden HTML, som i følgende eksempel:
document.getElementById ( "data") innerhtml = serverResponse.;

I dette tilfelle, er serveren responsen lagret i en variabel kalt "serverResponse" som kan inneholde data som tall og tekst. Funksjonen skriver variabelt innhold i en bestemt HTML-element på siden.

Server-side skript

AJAX funksjoner involverer typisk server-side skript i PHP eller ASP. Når Javascript-funksjonen for en side kaller en server-side script, kan det sende data til det. The server-side script kan utføre behandling, for eksempel spørre en datakilde. Sluttresultatet av server-side scripting er å sende svardataene til å sende tilbake til brukerens nettleser, hvor Javascript-koden er klar til å motta og behandle den. Ekkoet kommandoen tillater et PHP-skript for å svare på nettleseren som følger:
echo "<item>" $ data_item "</ item>"..;

I dette tilfellet sender PHP-script tilbake et element av data formatert i XML-kode.

Data

AJAX funksjoner generelt tar sikte på å hente nye server data å inkludere i en webside. Denne informasjonen kan lagres i en database, ved hjelp av et system som MySQL og med server-side skript ved hjelp av SQL-kommandoer for å hente bestemte elementer av data. Dataene kan alternativt være modellert i XML-filer. The server-side kode også ofte formaterer data respons i XML markup, som Javascript-funksjonen kan behandle når den mottar den.