Capítulo 12 Leer archivos XML con AJAX

12.1 Introducción a AJAX AJAX es un acrónimo de “Asynchronous JavaScript And XML” o “JavaScript asíncrono y XML”. Realizaremos la programación en JavaScript y utilizaremos la sentencia XMLHttpRequest para leer los datos en forma asíncrona, aunque podremos leer datos no sólo en formato XML, sino que también lo haremos con los archivos de texto y en otros formatos, como JSON. Un proceso asíncrono se ejecuta en el background del navegador, es decir, las instrucciones del script continúan sin esperar a que los datos lleguen, lo cual tiene ventajas y desventajas. Un proceso síncrono detiene el programa y espera a que lleguen los datos del servidor, lo que puede hacerse en cualquier momento, ya que los servidores algunas veces son rápidos y otras no se sabe. Esta tecnología, aunque fue desarrollada por Microsoft como un ActiveX, al implementarse por la W3C no es soportada en las versiones 6 e inferiores.

12.2 Los eventos en un proceso asíncrono Con los procesos asíncronos tenemos un pequeño problema: necesitamos saber el momento en que los datos terminaron de ser descargados. Para detectar cuando hay un cambio en el estado del proceso de carga, utilizamos el evento onreadystatechange, que detecta cualquier cambio en el desarrollo de carga.

12.3 Pasar valores a un archivo PHP con AJAX Una aplicación muy frecuente es llamar un archivo de algún lenguaje de servidor, como puede ser PHP o ASP, que puede leer la información de base de datos, procesarla y entregarla a la página HTML desde el background. A este tipo de aplicaciones las conocemos como RIA o Rich Internet Application. En el siguiente ejemplo llamaremos a un archivo PHP. Para ejecutarlo necesita un servidor con Apache+PHP+MySQL, que por lo general se denomina AMP, y dependiendo de la plataforma WAMP, para Windows, MAMP para las máquinas de Apple y LAMP para Linux. Hay paquetes que los puede ejecutar en cualquier plataforma, como XAMPP, de https://www.apachefriends.org.

12.4 Leer datos de una base de datos en AJAX En el desarrollo Web es necesario leer los datos de una base de datos. En realidad AJAX no los lee directamente de la base de datos, sino que lo hace por medio de un lenguaje de servidor, como PHP. Volvemos a remarcar que este ejercicio únicamente funciona desde un servidor Web. Observe que simplemente se “imprimen” los resultados desde PHP y AJAX lo recibirá como un archivo de texto plano. En la parte final de la cadena añadimos la etiqueta <br> para los saltos de línea en HTML. Cada vez que el usuario pulsa un botón, la división de salida se sobrescribe, la cual conseguimos sin necesidad de volver a llamar otra página HTML o PHP, ya que lo estamos haciendo por medio del background del navegador.

12.5 Leer un archivo XML desde AJAX generado por PHP Esta práctica es muy común en las aplicaciones, ya que por lo general los documentos XML no son estáticos y se crean en el momento de ser solicitados. En este punto es muy importante que observe que estamos enviado un encabezado de tipo XML en la línea 24 con la instrucción header(“Content-type:text/xml”) y seguido de ésta enviamos la etiqueta de identificación de XML. Sin estas salidas, el navegador interpretará el archivo como un texto plano, aunque tenga el formato de un documento XML, y el resultado final no se dará.

Ejemplo de listado, del archivo alumnosXML.php