Per fare una richiesta AJAX in JavaScript si utilizza la funzione XMLHttpRequest().
Ecco un esempio di come utilizzarla:
```
// creare un oggetto XMLHttpRequest
var xhttp = new XMLHttpRequest();
// definire la funzione da eseguire alla risposta
xhttp.onreadystatechange = function() {
if (this.readyState 4 && this.status 200) {
// la risposta è stata ricevuta con successo
console.log(this.responseText);
}
};
// impostare il metodo della richiesta e l’URL
xhttp.open(“GET”, “example.php”, true);
// inviare la richiesta
xhttp.send();
```
In questo esempio, la richiesta viene eseguita in modalità GET sull’URL “example.php”. Quando la risposta arriva, viene eseguita la funzione definita in `onreadystatechange`, che stampa la risposta nel console log.
È possibile anche inviare dati alla richiesta utilizzando il metodo POST e la funzione `send()` con i dati da inviare come argomento:
```
// creare un oggetto XMLHttpRequest
var xhttp = new XMLHttpRequest();
// definire la funzione da eseguire alla risposta
xhttp.onreadystatechange = function() {
if (this.readyState 4 && this.status 200) {
// la risposta è stata ricevuta con successo
console.log(this.responseText);
}
};
// impostare il metodo della richiesta e l’URL
xhttp.open(“POST”, “example.php”, true);
// impostare l’header della richiesta
xhttp.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
// inviare la richiesta con i dati da inviare
xhttp.send(“name=John&age=30”);
```
In questo esempio, viene eseguita una richiesta POST all’URL “example.php” con i dati “name=John&age=30”. È necessario impostare l’header della richiesta con il tipo di contenuto utilizzato (`“Content-Type”: “application/x-www-form-urlencoded”`).
