Siguiendo con el estudio de AJAX en esta entrada hablaremos de la propiedad responseText o responseXML del objeto XMLHttpRequest , dicha propiedad es utilizada para obtener la respuesta emitida por el servidor, cuando hablamos de respuesta hacemos referencia a los datos devueltos por este así que si utilizamos:
responseText: Obtenemos la respuesta de nuestro servidor en formato cadena de texto o String.
responseXML: Obtenemos la respuesta de nuestro servidor en formato XML
🌟 ¡Visita Nuestra Tienda para Programadores! 🌟Descubre Códigos Fuente, Cursos, Software, Computadoras, Accesorios y Regalos Exclusivos. ¡Todo lo que necesitas para llevar tu programación al siguiente nivel!
Los datos recibidos podemos asignarlos a cualquier componente o etiqueta HTML, lo único que necesitamos para tal fin es un identificador «id», veamos un ejemplo asignando valores obtenidos a un div cuando la respuesta es en texto plano:
[cc lang=»javascript»]
document.getElementById(«div»).innerHTML=xmlhttp.responseText;
[/cc]
Si nuestro servidor envía una respuesta en formáto XML podemos procesarla de la siguiente manera:
Asumamos que tenemos un archivo xml en nuestro servidor con el listado de jugadores de la seleccion colombia así:
[cc lang=»xml»]
< ?xml version="1.0" encoding="ISO-8859-1"?>
Lo llamaremos jugadores.xml, y tenemos otro archivo index.html donde procesaremos nuestro archivo para mostrar los datos sin recargar la página, ya que esa es la finalidad principal de AJAX como ya lo hemos visto en entradas anteriores.
[cc lang=»html»]
< !DOCTYPE html>
SELECCION COLOMBIA:
[/cc]
En la carpeta de nuestro servidor tendríamos dos archivos:
Al ejecutar nuestro index.html y dar clic en el botón Ver Jugadores cargaría nuestro listado de jugadores.
Byspel