Ejemplo XML de AJAX
AJAX se puede utilizar para la comunicación interactiva con un archivo XML.
Ejemplo XML de AJAX
El siguiente ejemplo demostrará cómo una página web puede obtener información de un archivo XML con AJAX:
Ejemplo
Ejemplo explicado
Cuando un usuario hace clic en el botón "Obtener información del CD" de arriba, se ejecuta la función loadDoc().
La función loadDoc() crea un objeto XMLHttpRequest, agrega la función que se ejecutará cuando la respuesta del servidor esté lista y envía la solicitud al servidor.
Cuando la respuesta del servidor está lista, se construye una tabla HTML, los nodos (elementos) se extraen del archivo XML y finalmente actualiza el elemento "demo" con la tabla HTML llena de datos XML:
Cargar 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;
}
El archivo XML
El archivo XML utilizado en el ejemplo anterior tiene este aspecto: " cd_catalog.xml ".