March 28
Asynchronous JavaScript and XML, o AJAX, è una tecnica di programmazione utilizzata per recuperare informazioni da un sito web remoto in background, durante o dopo una pagina web carichi. Porzioni della pagina Web possono essere aggiornati in tempo reale senza dover ricaricare l'intera pagina dal server Web. Come ci si potrebbe aspettare, Ajax utilizza JavaScript e XML per realizzare il trattamento. Recupero dati in modo asincrono significa che un utente non deve aspettare mentre i dati vengono raccolti perché avviene in background. È possibile costruire Ajax utilizzando JavaScript ottenendo una richiesta HTTP oggetto XML, impostare una funzione di callback sul suo pronto-stato, l'apertura e l'invio della richiesta e catturare i dati restituiti dal sito.
1 Creare un nuovo documento HTML utilizzando un editor o Notepad. Inserire intestazioni HTML in file. La documentazione del sito che si sta per chiamare e scoprire il formato delle informazioni restituisce. Decidere se avete intenzione di fare un "ottenere", in cui è possibile ricevere informazioni da un sito, o di un "post", in cui si forniscono e possibile ricevere informazioni da un sito. Ad esempio, digitare:
<Html>
<Head>
<Title> Ajax </ title>
</ Head>
<Body>
2 Ottenere una richiesta HTTP oggetto XML. Test per la presenza di XMLHttpRequest, per i browser diversi da Internet Explorer, e per ActiveXObject per Internet Explorer. Scegli quello che esiste. Ad esempio, digitare:
<Script>
la funzione ajax () {
var xml = null;
if (window.XMLHttpRequest ()) {
xml = new XMLHttpRequest ();
} Else if (window.ActiveXObject) {
xml = new ActiveXObject ( "Microsoft.XMLHTTP");
} altro {
restituire null;
}
3 Definire una funzione di callback da richiamare quando cambia pronto lo stato dell'oggetto richiesta. Test per lo stato di quattro, il che significa che la funzione restituita con successo. Estrarre i dati restituiti dal sito e memorizzarlo in una variabile. Ad esempio, digitare:
xml.onreadystatechange = function () {
if (xml.readyState == 4) {
var data = xml.responseXML;
}
}
4 Emettere la chiamata AJAX dalla prima chiamando il metodo "aperto" sull'oggetto richiesta. Passare il tipo di richiesta, i dati o parametri che si desidera inviare con la richiesta e la "vera" per indicare che si desidera eseguire la chiamata in modo asincrono. Ad esempio, digitare:
xml.open ( 'GET', params, true);
5 Invia la chiamata Ajax chiamando il metodo "send" sull'oggetto richiesta. Ad esempio, digitare:
XML.send ();
</ Script>