Propriété : XMLHttpRequest.response

Contenu de la réponse envoyée par le serveur lors de l'appel AJAX

Syntaxe
String ajax.response

Compatible tous navigateurs

Oui

Description
Contient la réponse envoyée par le serveur à l'issue de l'appel AJAX.

La réponse est disponible à partir de l'événement onload.

Exemple 1 : Appel Ajax et réponse JSON

Code source

<div id="retour1"></div>
<div id="json"></div>
<script type="text/javascript">
console.clear();

/* Création de l'objet ajax */
var ajax = new XMLHttpRequest();

ajax.onload = function() {
if (this.status == 200) {
console.log(this.response);
document.getElementById("retour1").innerHTML = this.response;
var retour=JSON.parse(this.response);
console.log(retour);
document.getElementById("json").innerHTML= "Domaine "+retour.serveur+" en version PHP "+retour.PHP;
}
}

/* Définition de l'appel */
ajax.open("GET", "/api/get-json.php", true);

/* Déclenchement de l'appel */
ajax.send();

</script>

Résultat

Emulation de la console

Explication

Appel AJAX et réponse sous format JSON.
Affiche le retour sous forme de chaîne de caractères.
Puis utilise la fonction parse() pour transformer la chaîne en objet Javascript.

Page en rapport
Le tutoriel XMLHttpRequest pour les appels AJAX

Page mise à jour le 31/03/2017

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Propriété : XMLHttpRequest.response

Contenu de la réponse envoyée par le serveur lors de l'appel AJAX

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...