AJAX XML
AJAX può essere utilizzato per comunicare in modo interattivo con il file XML.
AJAX esempio XML
L'esempio seguente mostra come utilizzare la pagina web AJAX per leggere le informazioni dal file XML:
Esempi di analisi - Funzione loadXMLDoc ()
Quando gli utenti fanno clic sul pulsante "Richiesta di informazioni CD" funzione loadXMLDoc () verrà eseguito.
loadXMLDoc () per creare l'oggetto XMLHttpRequest, aggiungere la funzione da eseguire quando la risposta del server è pronto, e invia la richiesta al server.
Quando la risposta del server è pronto, sarà costruire una tabella HTML, il nodo estratto (elemento) dal file XML, e quindi utilizzare il modulo HTML è stato compilato i dati XML per aggiornare segnaposto txtCDInfo:
{
var xmlhttp;
var txt,xx,x,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
txt=txt + "<tr>";
xx=x[i].getElementsByTagName("TITLE");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
pagina del server AJAX
L'esempio precedente utilizza il server pagina è in realtà un "nome cd_catalog.xml il file XML".