Ajax - o objeto xmlHttPrequest | Explicado

Ajax - o objeto xmlHttPrequest | Explicado
Nos bastidores, o objeto XMLHTTPREQUEST é usado para trocar dados com um servidor. Isso afirma que os elementos da página HTML serão atualizados sem recarregar. O objeto xmlhttprequest pode facilitar muitas coisas para você, o que inclui lidar com a interação do usuário de um aplicativo da web.

Este artigo explicará o que Ajax - o objeto xmlhttprequest é E como você pode criar e usar um objeto XMLHTTPREQUEST em JavaScript. Além disso, também forneceremos os métodos e propriedades do Ajax - o objeto XmlHttPrequest. Então vamos começar!

O que é o objeto xmlhttprequest

O AJAX - O objeto XmlHttPrequest é uma API utilizada para recuperar dados de um servidor específico. A programação Ajax faz uso extensivo do XMLHTTPREQUEST. Pode buscar qualquer tipo de dados, incluindo texto, xml, json. Em segundo plano, o XmlHttPrequest Object solicita os dados e atualiza o site sem exigir que o cliente recarregue a página. Para manter a comunicação assíncrona entre servidor e cliente, é necessário um objeto do tipo XmlHttPrequest.

Como criar um objeto xmlhttprequest

Um objeto XmlHttPrequest embutido é Avialble em todos os navegadores modernos, como Edge, Chrome, Firefox, Opera e Safari. Para criar um objeto xmlHttPrequest, você deve seguir a sintaxe abaixo do objeto XmlHttPrequest:

var variblebleName = new XmlHttPrequest ();

Exemplo: Usando ajax - o objeto XMLHTTPREQUEST

Neste exemplo, tentaremos buscar o conteúdo do “Ajax_info.TXT" Arquivo de nosso servidor e, em seguida, substituiremos o conteúdo do parágrafo por ele:




Ajax - o objeto xmlHttPrequest | Explicado

Aqui, adicionamos um parágrafo com a tag e um “Mudar parágrafo” botão que iremos invocar o “LoadingDoc ()” função, quando clicarmos neste botão:

Vamos mudar este parágrafo.





Execute o programa acima do seu editor de código favorito ou qualquer caixa de areia de codificação on-line; No entanto, utilizaremos o JSBIN para esse fim:

Da saída fornecida, clicaremos no “Mudar parágrafo” botão:

Clicar no botão especificado substituirá o conteúdo atual do parágrafo pelo texto adicionado no “Ajax_info.TXT" Arquivo de servidor:

Agora vamos dar uma olhada em algumas das propriedades e métodos úteis do objeto xmlhttprequest.

Métodos de objeto XmlHttPrequest

Método do objeto xmlHttPrequest Descrição
abortar() O objeto xmlHttPrequest "abortar()" O método é utilizado para cancelar a solicitação ativa.
getResponseHeader () O objeto xmlHttPrequest “GetResponseHeader ()” Método emitir as informações relacionadas a um cabeçalho específico.
getAllResponseHeader () O objeto xmlHttPrequest “GetAllResponseHeader ()” Método exibe as informações completas do cabeçalho.
abrir() O objeto xmlHttPrequest "abrir()" O método é utilizado para especificar a solicitação. Podemos passar o nome de usuário, senha, URL de um arquivo ou método que pode ser "PEGAR" ou "PUBLICAR" Neste método.
enviar() O objeto xmlHttPrequest "enviar()" O método é utilizado para obter solicitação.
SendRequestHeader () O objeto xmlHttPrequest “SendRequestHeader ()” o método é utilizado para adicionar um “Rótulo: valor” par que você deve enviar para o servidor.

Propriedades do objeto XmlHttPrequest

Propriedades do objeto xmlHttPrequest Descrição
responseText O objeto xmlHttPrequest “Respotetext” A propriedade é utilizada para exibir os dados de resposta como uma string.
ReadyState O objeto xmlHttPrequest “ReadyState” A propriedade mantém o status xmlHttPrequest.
ONREYSTATATECHANGE O objeto xmlHttPrequest “Onreadyststatechange” A propriedade é utilizada para definir uma função a ser invocada sempre que o valor do “ReadyState” mudanças.
Responsexml O objeto xmlHttPrequest “Responsexml” Propriedade exibe os dados de resposta XML.
Statustext O objeto xmlHttPrequest “Statustustext” Propriedade produz o texto de status, como "OK" ou "Não encontrado".

Conclusão

O AJAX - O objeto XmlHttPrequest é uma API utilizada para recuperar dados de um servidor específico. A programação Ajax faz uso extensivo do XMLHTTPREQUEST. Pode buscar qualquer tipo de dados, incluindo texto, xml, json. Esta redação explicou o que é Ajax - o objeto xmlhttprequest é e como você pode criar e usar um objeto xmlhttprequest no javascript. Além disso, também fornecemos os métodos e propriedades do Ajax - o objeto XmlHttPrequest.