Implementazione della funzione di aggiornamento locale AJAX in pure JS

AJAX, che significa “Asynchronous Javascript And XML” (JavaScript e XML asincrono), è una tecnologia di sviluppo web per creare applicazioni web interattive.

AJAX = JavaScript asincrono e XML (sottoinsieme del linguaggio di markup generale standard).

AJAX è una tecnologia utilizzata per creare pagine web dinamiche e rapide.

Di seguito vi presento come implementare la funzione di aggiornamento locale AJAX in JavaScript, come mostrato di seguito:

Attraverso scambi minimi di dati in background con il server, AJAX può realizzare aggiornamenti asincroni delle pagine web. Questo significa che è possibile aggiornare una parte della pagina web senza ricaricare l'intera pagina.

// Creazione dell'oggetto XMLHttpRequest
 var xhr=new XMLHttpRequest();
 // Linea della richiesta
 xhr.open('post','03-ajaxPost.php');
 // Intestazione della richiesta
 xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 // Impostazione dei dati nella parte principale della richiesta POST send
 xhr.send('name='+txt);
 // Monitorare la risposta del server
 xhr.onreadystatechange=function(){
 if(xhr.readyState==4&&xhr.status==200){ // Quando la risposta del server è accettata con successo
 var r=xhr.responseText;
 document.querySelector('.info').innerHTML=r;
 }
 } 

Quello che è stato descritto qui è ciò che l'autore ha introdotto agli utenti come implementazione pura di AJAX per aggiornamenti locali. Spero che questo sia utile per tutti. Se avete qualsiasi domanda, lasciate un commento e l'autore risponderà prontamente. In questo senso, ringrazio anche tutti i sostenitori del sito tutorial Yell.