Propiedad responseText 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

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>