AJAX

Cos’è AJAX?

AJAX. Asynchronous JavaScript and XML non è un linguaggio di programmazione ma un insieme di oggetti XML e HTTP e JS. Permette il caricamento di dati in modo asincrono, senza cioè ricaricare la pagina.

Perché AJAX è tanto importante

Pur non essendo un linguaggio di programmazione, AJAX è fondamentale per il web. La sua importanza deriva dal fatto che:

• Permette di aggiornare i contenuti delle pagine web senza doverle ricaricare;
• Comunica con il server in background tramite le XMLHttpRequest.

Il nome AJAX è un po’ confusionale

È confusionale perché dall’acronimo potresti pensare che AJAX usi solo XML per comunicare i dati ma in verità l’utilizzo con JSON oppure in plain text è frequente.

Perché utilizzare AJAX

Su marco-guada.com AJAX è stato utilizzato per la ricerca dei terminali all’interno del nostro dizionario e glossario SEO.

Quando inizi a scrivere nella barra di ricerca del la pagina del dizionario sopracitato, un piccolo script in JavaScript si preoccupa di interrogare il server con la query che inserisci e, una volta ottenuta una risposta valida dal server, questo piccolo script inserisce i dati ottenuti in risposta dal server.

Questi dati mandati in risposta dal server vengono letti sempre dallo script JS ed inseriti nel relativo DOM element object

Ecco un semplice esempio di AJAX tratto da W3C School.

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}