Ajax - Resposta do servidor

O motor Ajax tem inúmeras dimensões, cada uma com seu próprio significado. Depois que o motor Ajax concluir o envio da solicitação e recebendo a resposta e depois pode ser tratado usando as propriedades fornecidas. Você pode usar o “responseText" ou "Responsexml”Propriedades do AJAX para obter a resposta de um servidor em forma de string e XML.

Este artigo explicará o procedimento para lidar. Então vamos começar!

AJAX - Propriedade do Servidor Respotext

Ao lidar com um pedido assíncrono, o valor do “responseText”A propriedade compreende a resposta atual recebida do servidor, mesmo que não tenha respondido completamente. Esta propriedade retorna a resposta do servidor como uma string.

Dê uma olhada na sintaxe da propriedade Respotetext:

documento.getElementById ("Element_id").INNERHTML = XHTTP.responseText;

Aqui o "responseText”A propriedade retornará a resposta do servidor no formulário da string, que seremos definidos como o conteúdo do elemento especificado.

Exemplo: Usando a propriedade AJAX - Server Respotext
Neste exemplo, quando o usuário clicará no adicionado “botão”, Ele definirá a resposta do servidor como o conteúdo do contêiner definido pela tag:

O objeto xmlHttPrequest

Alterar conteúdo

Na definição de função loadDoc (), primeiro, adicionaremos um “xhttp“Objeto XmlHttPrequest:

função loadDoc ()
const xhttp = novo xmlHttPrequest ();

Quando o xhttp O objeto será carregado, ele escreverá os dados de resposta no contêiner:

xhttp.OnLoad = function ()
documento.getElementById ("div1").inerhtml =
esse.responseText;

O "xhttp”O objeto XmlHttPrequest receberá a“ amostra.arquivo txt ”do servidor que compreende os dados de resposta:

xhttp.aberto ("get", "amostra.TXT");
xhttp.enviar();

Depois de salvar o código fornecido, executaremos nosso “meu arquivo.html”Com a ajuda do“Servidor vivoExtensão de código vs:

Clicando no “Alterar conteúdo”O botão exibirá a resposta do servidor da seguinte forma:

Ajax - Propriedade do servidor ResponseXML

No caso, quando a resposta do servidor está no formato XML, e você deve analisá -lo como um objeto XML, você pode utilizar o “Responsexml" propriedade.

Confira a sintaxe do “Responsexml" propriedade:

var dados = xmlHttPrequest.Responsexml;

Aqui o "dados”O objeto armazenará a resposta do servidor.

Exemplo: Usando a propriedade AJAX - servidor ResponseXML
Em nosso arquivo html, adicionaremos um título com o

tag e um elemento de parágrafo com a ajuda de “

O objeto xmlHttPrequest

Em seguida, adicionaremos o código abaixo no "Projectfile.JS"Para solicitar o"cd.xml" arquivo.

const xhttp = novo xmlHttPrequest ();
xhttp.OnLoad = function ()
const xmldoc = this.Responsexml;

Nosso "cd.xml”O arquivo se parece com o seguinte:

Depois de recuperar os dados solicitados, utilizando o “Responsexml”Propriedade, a resposta do servidor será analisada e seus valores de nós filhos serão buscados usando o código escrito abaixo:

const x = xmldoc.getElementsByTagName ("Artista");
deixe txt = "";
para (vamos i = 0; i < x.length; i++)
txt = txt + x [i].Childnodes [0].NodEvalue + "
";

Por fim, os dados analisados ​​serão exibidos como conteúdo do “parágrafo" elemento:

documento.getElementById ("Demo").inerhtml = txt;

xhttp.aberto ("get", "cd.xml ");
xhttp.enviar();

A saída acima mencionada significa que recuperamos com sucesso a resposta do servidor usando o “Responsexml" propriedade.

Conclusão

Usando as propriedades ResponseText e Responsexml, você pode lidar com uma resposta de solicitação de um servidor Ajax. A propriedade Responsexml recupera a resposta do servidor no XML, enquanto o responseText é utilizado para obter a resposta do servidor no formato da String. Esta redação explicou o procedimento para lidar.