Implementación de la función de actualización local AJAX utilizando JS

AJAX, que significa “Asynchronous Javascript And XML” (JavaScript y XML asincrónicos), es una tecnología de desarrollo de aplicaciones web interactivas.

AJAX = Asynchronous JavaScript and XML (subconjunto del lenguaje de marcado estándar general).

AJAX es una tecnología utilizada para crear páginas web dinámicas y rápidas.

A continuación, les presento cómo se puede implementar la función de actualización parcial de AJAX utilizando JavaScript, como se muestra a continuación:

A través de intercambios de datos pequeños en segundo plano con el servidor, AJAX puede hacer que la página web realice actualizaciones asincrónicas. Esto significa que se puede actualizar una parte de la página web sin recargar toda la página.

// Crear objeto XMLHttpRequest
 var xhr=new XMLHttpRequest();
 // Línea de solicitud
 xhr.open('post','03-ajaxPost.php');
 //Encabezado de solicitud
 xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
 //Configuración de datos del cuerpo de solicitud post send
 xhr.send('name='+txt);
 //Escuchar la respuesta del servidor
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ //Aquí se indica que se ha recibido una respuesta exitosa del servidor
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 }
 } 

Lo que se ha mencionado anteriormente es lo que el editor les ha presentado sobre la implementación pura de AJAX para actualizaciones parciales, esperando que les haya sido útil. Si tienen alguna pregunta, por favor déjenme un mensaje y el editor les responderá a tiempo. También quiero agradecer muy especialmente el apoyo de todos a la página web de tutorial de gritos!