Esempio XML AJAX
AJAX può essere utilizzato per la comunicazione interattiva con un file XML.
Esempio XML AJAX
L'esempio seguente dimostrerà come una pagina Web può recuperare informazioni da un file XML con AJAX:
Esempio
Esempio spiegato
Quando un utente fa clic sul pulsante "Ottieni informazioni sul CD" in alto, viene eseguita la funzione loadDoc().
La funzione loadDoc() crea un oggetto XMLHttpRequest, aggiunge la funzione da eseguire quando la risposta del server è pronta e invia la richiesta al server.
Quando la risposta del server è pronta, viene creata una tabella HTML, i nodi (elementi) vengono estratti dal file XML e infine aggiorna l'elemento "demo" con la tabella HTML riempita di dati XML:
Carica documento XML ()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState
== 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "cd_catalog.xml", true);
xhttp.send();
}
function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table="<tr><th>Title</th><th>Artist</th></tr>";
var x = xmlDoc.getElementsByTagName("CD");
for (i = 0; i <x.length;
i++) {
table += "<tr><td>" +
x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue
+
"</td><td>" +
x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue
+
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
Il file XML
Il file XML utilizzato nell'esempio sopra è simile al seguente: " cd_catalog.xml ".