AJAX XML
AJAX se puede utilizar para comunicarse de forma interactiva con el archivo XML.
instancia XML AJAX
El siguiente ejemplo muestra cómo utilizar la página web AJAX para leer la información del archivo XML:
ejemplos de análisis - loadXMLDoc función ()
Cuando los usuarios hacen clic en el botón "Obtener información del CD" función loadXMLDoc () ejecutará.
loadXMLDoc función () para crear el objeto XMLHttpRequest, agregue la función que se ejecuta cuando la respuesta del servidor está listo, y envía la solicitud al servidor.
Cuando la respuesta del servidor está listo, se va a construir una tabla HTML, extraída nodo (elemento) desde el archivo XML y, a continuación, utilice el formulario HTML ha sido rellenado los datos XML para actualizar los marcadores de posición 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();
}
página del servidor AJAX
El ejemplo anterior utiliza el servidor de la página es en realidad un "llamado cd_catalog.xml " el archivo XML.