TUTORIEL AJAX - Un exemple simple

Description

Un clic sur le bouton va télécharger le contenu d'un fichier (ici un fichier de type texte)

Lorsque la requête sera prête, on récupère la réponse de type texte et on l'injecte dans un élément de la page

Ici, il s'agit d'une balise div, située en bas de page.

L'injection se fait grâce à l'attribut innerHTML de la balise.

Le code javascript
function go() {
var xhr = getXhr(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ document.getElementById("here").innerHTML=xhr.responseText; } } xhr.open("GET","serveurs/lorem.txt",true); xhr.send(null); }
Fonctionnement



Ce texte sera remplacé par la réponse de la requête