Ejemplo de XML AJAX

Autor：Eve Cole Fecha de actualización：2024-12-26 09:42:11

AJAX se puede utilizar para comunicarse interactivamente con archivos XML.

Ejemplo de XML AJAX

El siguiente ejemplo demuestra cómo una página web puede usar AJAX para leer información de un archivo XML:

Ejemplo

Análisis de ejemplo: función loadXMLDoc()

Cuando el usuario hace clic en el botón "Obtener CD de mi colección" de arriba, se ejecutará la función loadXMLDoc().

La función loadXMLDoc() crea un objeto XMLHttpRequest, agrega funciones que se ejecutan cuando la respuesta del servidor está lista y envía la solicitud al servidor.

Cuando la respuesta del servidor está lista, se crea una tabla HTML, los nodos (elementos) se extraen del archivo XML y, finalmente, el elemento de la tabla con id="demo" se completa con los datos XML:

Cargando documentos XML de forma asincrónica

función cargarXMLDoc ( ) { var xhttp = nuevo XMLHttpRequest ( ) ; xhttp onreadystatechange = función ( ) { si ( este . readyState == 4 && este . estado == 200 ) { miFunción ( esta ) ; } } ; xhttp abierto ( " OBTENER " , " cd_catalog.xml " , verdadero ) ;función miFunción ( xml ) { var yo ; var xmlDoc = xml respuestaXML ; tabla = " <tr><th>Artista</th><th> Título </th></tr> " ; x = xmlDoc . getElementsByTagName ( " CD " ) ; ( i = 0 ; i < x . longitud ; i ++ ) { tabla + = " <tr> <td> " + x [ i ] getElementsByTagName ( " ARTISTA " ) [ 0 ] . childNodes [ 0 ] nodeValue + " </td> <td> " + x [ i ] . ( " TÍTULO " ) [ 0 ] .childNodes [ 0 ] nodeValue + " </td> </tr> " ; } documento.getElementById ( " demo " ) .

página del servidor AJAX

La página del servidor utilizada en el ejemplo anterior es en realidad un archivo XML llamado "cd_catalog.xml".