AJAX

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"?>

DAVID OSPINA ARQUERO


CAMILO VARGAS ARQUERO


CRISTIAN BONILLA ARQUERO


CAMILO ZUÑIGA DEFENSA


SANTIAGO ARIAS DEFENSA


CARLOS SANCHEZ VOLANTE


CRISTIAN ZAPATA DEFENSA


PABLO ARMERO DEFENSA


EDWIN VALENCIA VOLANTE


JAMES RODRIGUEZ VOLANTE


JUAN GUILLERMO CUADRADO VOLANTE


RADAMEL FALCAO DELANTERO


TEOFILO GUTIERREZ DELANTERO


CARLOS BACCA DELANTERO


VICTOR IBARBO VOLANTE

[/cc]
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:
directorio

Al ejecutar nuestro index.html y dar clic en el botón Ver Jugadores cargaría nuestro listado de jugadores.
ajax listo

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *