Ajax: inviare una richiesta ad un server

In questa guida illustrerò un codice che permette di inviare una richiesta ad un server tramite Javascript.
Quando c’è uno scambio tra web browser e server tramite codice Javascript viene definito AJAX, esso è un acronimo che significa Asynchronous JavaScript and XML e consente l’aggiornamento dinamico di una pagina web senza il ricaricamento da parte dell’utente.

<script type="text/javascript">
function loadXMLDoc()
{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {
        // codice per IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {
        // codice per IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET","http://shinworld.altervista.org/esempio.txt",false);
    xmlhttp.send();
    //risultato
    alert(xmlhttp.responseText);
}
</script>

Il codice è molto semplice, inizialmente creiamo un oggetto XMLHttpRequest(), tramite esso inviamo una richiesta al server di tipo POST o GET

xmlhttp.open(“GET”,”http://shinworld.altervista.org/esempio.txt“,false);

e poi la inviamo:

xmlhttp.send();

il risultato di ciò che si è ottenuto tramite la richiesta lo otteniamo tramite il seguente codice:

xmlhttp.responseText