Gli sviluppatori utilizzano funzioni AJAX per rendere i siti Web più interattive e dinamiche. AJAX trattamento comporta una serie di tecnologie, tra cui il markup HTML per la pagina Web di contenuto, JavaScript lavorazione, tecnologie server come PHP scripting language, dati di markup XML ed elaborazione in SQL del database. Una particolare funzione di AJAX può comportare un'ampia scelta di queste tecnologie. L'implementazione di funzioni AJAX richiede una comprensione di come i componenti interagiscono uno con l'altro.

HTML

Il contenuto della pagina Web associato a una funzione AJAX in genere è modellato in codice di markup HTML. Elementi HTML includono attributi evento per chiamare funzioni AJAX sull'interazione dell'utente. Nell'esempio di codice riportato di seguito viene illustrato:
< tipo input = "pulsante" value = "AJAX di chiamare" onclick="getMoreData()" / >

Questo pulsante chiama una funzione JavaScript denominata "getMoreData" quando l'utente fa clic su esso. La funzione JavaScript può essere inclusi in una sezione di script nell'elemento head della pagina HTML. Quando l'utente fa clic sul pulsante, la funzione JavaScript sarà recuperare i nuovi dati dal server Web e scriverlo nelle strutture all'interno della pagina HTML.

JavaScript

JavaScript è coinvolto all'inizio e alla fine dell'AJAX ciclo di elaborazione. Quando un evento di browser inizialmente chiama una funzione JavaScript, questa funzione chiama uno script server-side in un linguaggio come PHP. La funzione JavaScript è possibile passare facoltativamente i dati allo script sul lato server. La funzione JavaScript è in attesa anche per la risposta del server, recupero dei dati inviati indietro dal server. Il codice JavaScript può quindi elaborare la risposta del server, spesso scriverlo nella pagina HTML, come nell'esempio seguente:
document.getElementById("data").innerHTML = serverResponse;

In questo caso, la risposta del server viene salvata in una variabile denominata "serverResponse" che può contenere dati come numeri e testo. La funzione scrive il contenuto della variabile in un determinato elemento HTML nella pagina.

Script Server-Side

Funzioni AJAX coinvolgono tipicamente gli script sul lato server in PHP o ASP. Quando la funzione JavaScript per una pagina chiama uno script server-side, può passare i dati ad esso. Elaborazione, ad esempio query su un'origine dati può eseguire lo script sul lato server. Il risultato finale di scripting lato server è per restituire dati di risposta di inviare al browser dell'utente, dove il codice JavaScript è pronto a ricevere ed elaborarlo. Il comando echo permette uno script PHP per rispondere al browser come segue:
echo "< item >". $data_item. " < / item > ";

In questo caso, lo script PHP invia nuovamente un elemento di dati formattati in codice XML.

Dati

Funzioni AJAX mirano generalmente a recuperare i nuovi dati di server da includere in una pagina Web. Questi dati possono essere archiviati in un database, utilizzando un sistema come MySQL e con gli script sul lato server utilizzando i comandi SQL per recuperare gli elementi specifici di dati. I dati possono essere modellati in alternativa all'interno del file XML. Il codice lato server formatta spesso anche la risposta di dati nel markup XML, in grado di elaborare la funzione JavaScript quando riceve.