Esempio XML AJAX

AJAX può essere utilizzato per comunicazioni interattive con file XML.

Esempio XML AJAX

Ecco un esempio di come una pagina web può leggere informazioni da un file XML utilizzando AJAX:

Esempio

Prova da solo

Esempio di spiegazione

Quando l'utente clicca sul pulsante "Ottieni informazioni CD", eseguire la funzione loadDoc().

La funzione loadDoc() crea un oggetto XMLHttpRequest, aggiunge una funzione da eseguire quando il server risponde e invia una richiesta al server.

Quando il server risponde, costruire una tabella HTML, estrarre i nodi (fattori) dal file XML, infine aggiornare l'elemento "demo" con una tabella HTML riempita con i dati XML:

LoadXMLDoc()

function loadDoc() {
  var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
     }
  };
  xhttp.open("GET", "music_list.xml", true);
  xhttp.send();
}
function myFunction(xml) {
  var i;
  var xmlDoc = xml.responseXML;
  var table="<tr><th>Artista</th><th>Traccia</th></tr>";
  var x = xmlDoc.getElementsByTagName("TRACK");
  for (i = 0; i <x.length;  i++) { 
    table += "<tr><td>" +
    x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue  +
    "</td><td>" +
    x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue  +
    "</td></tr>";
  }
   document.getElementById("demo").innerHTML = table;
}

File XML

L'XML file utilizzato nell'esempio precedente è simile a questo:"music_list.xml"。