Implementação de função de atualização local via AJAX usando JS

AJAX, ou “Asynchronous Javascript And XML” (JavaScript e XML assíncronos), é uma tecnologia de desenvolvimento de páginas da web interativas.

AJAX = Asynchronous JavaScript and XML (subconjunto do padrão de marcação de linguagem geral).

O AJAX é uma tecnologia usada para criar páginas da web dinâmicas e rápidas.

A seguir, apresentamos a implementação em JavaScript da função de atualização local AJAX, conforme mostrado a seguir:

Através de trocas de dados mínimas em segundo plano com o servidor, o AJAX pode fazer com que a página da web realize atualizações assíncronas. Isso significa que é possível atualizar uma parte da página da web sem recarregar toda a página da web.

// Criar objeto XMLHttpRequest
 var xhr=new XMLHttpRequest();
 // Linha de solicitação
 xhr.open('post','03-ajaxPost.php');
 //Cabeçalho da solicitação
 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
 //Configuração de dados no corpo da solicitação post send
 xhr.send('name='+txt);
 //Escutar a resposta do servidor
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ //Aqui indica que foi recebido a resposta do servidor com sucesso
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 }
 } 

O que foi mencionado acima é o que o editor lhe apresentou sobre a implementação pura em JavaScript da função de atualização local AJAX, esperando que ajude a todos. Se tiverem alguma dúvida, por favor, deixem um comentário, o editor responderá a todos a tempo. Agradecemos também o apoio da comunidade ao site Tutorial Yell!