AJAX - Respuesta del servidor

El motor Ajax tiene numerosas dimensiones, cada una de las cuales tiene su propio significado. Una vez que el motor AJAX ha completado el envío de la solicitud y recibir la respuesta y luego se puede manejar utilizando sus propiedades proporcionadas. Puedes usar el "Responsetxt" o "respuestaxml"AJAX Propiedades para obtener la respuesta de un servidor en cadena y formulario XML.

Este artículo explicará el procedimiento para manejar la respuesta del servidor Ajax con la ayuda de ResponseText y Responsexml Propiedades. Entonces, comencemos!

AJAX - Propiedad del servidor Responsetxt

Mientras se trata de una solicitud asincrónica, el valor del "Responsetxt"La propiedad comprende la respuesta actual recibida del servidor, incluso si no ha respondido por completo. Esta propiedad devuelve la respuesta del servidor como una cadena.

Eche un vistazo a la sintaxis de la propiedad ResponseText:

documento.getElementById ("element_id").innerhtml = xhttp.Responsetxt;

Aquí el "Responsetxt"La propiedad devolverá la respuesta del servidor en el formulario de cadena, que luego se estableceremos como contenido del elemento especificado.

Ejemplo: Uso de AJAX - Propiedad Responsetxt del servidor
En este ejemplo, cuando el usuario haga clic en el agregado "botón", Establecerá la respuesta del servidor como el contenido del contenedor definido por la etiqueta:

El objeto xmlhttprequest

Cambiar contenido

En la definición de función LoadDoc (), en primer lugar, agregaremos un "xhttp"XMLHTTPREQUEST OBJETO:

función loadDoc ()
const xhttp = new xmlhttprequest ();

Cuando el xhttp El objeto se cargará, escribirá los datos de respuesta en el contenedor:

xhttp.onload = function ()
documento.getElementById ("Div1").innerhtml =
este.Responsetxt;

El "xhttp"El objeto xmlhttprequest obtendrá la" muestra.archivo txt "del servidor que comprende los datos de respuesta:

xhttp.Abrir ("Get", "Muestra.TXT");
xhttp.enviar();

Después de guardar el código proporcionado, ejecutaremos nuestro "mi archivo.html"Con la ayuda del"Servidor en vivo"VS Extensión del código:

Haciendo clic en el "Cambiar contenido"El botón mostrará la respuesta del servidor de la siguiente manera:

AJAX - PROPIEDAD DE RESPUESTA DEL SERVERXL

En caso de que la respuesta del servidor esté en formato XML, y debe analizarla como un objeto XML, puede utilizar el "respuestaxml" propiedad.

Mira la sintaxis del "respuestaxml" propiedad:

var data = xmlhttprequest.respuestaxml;

Aquí el "datosEl objeto almacenará la respuesta del servidor.

Ejemplo: Uso de AJAX - Respuesta del servidorxml Propiedad
En nuestro archivo HTML, agregaremos un encabezado con el

etiqueta y un elemento de párrafo con la ayuda de "

El objeto xmlhttprequest

A continuación, agregaremos el código dado a continuación en el "archivo de proyecto.js"Por solicitar el"cd.xml" archivo.

const xhttp = new xmlhttprequest ();
xhttp.onload = function ()
const xmldoc = this.respuestaxml;

Nuestro "cd.xmlEl archivo se ve así:

Después de recuperar los datos solicitados utilizando el "respuestaxml"Propiedad, la respuesta del servidor se analizará y sus valores de nodo secundario se obtendrán utilizando el código escrito a continuación:

const x = xmldoc.getElementsBytagName ("Artista");
Let txt = "";
para (deja i = 0; yo < x.length; i++)
txt = txt + x [i].Nodos de niños [0].NodeValue + "
";

Por último, los datos analizados se mostrarán como contenido del "párrafo" elemento:

documento.getElementById ("demo").innerhtml = txt;

xhttp.Abrir ("Get", "CD.xml ");
xhttp.enviar();

La salida dada anteriormente significa que hemos recuperado con éxito la respuesta del servidor utilizando el "respuestaxml" propiedad.

Conclusión

Utilizando las propiedades de ResponseText y Responsexml, puede manejar una solicitud de solicitud de un servidor AJAX. La propiedad Respuestaxml recupera la respuesta del servidor en XML, mientras que el respirado se utiliza para obtener la respuesta del servidor en formato de cadena. Este artículo explicó el procedimiento para manejar la respuesta del servidor Ajax con la ayuda de ResponseText y Responsexml Propiedades.