PRATIQUE CLIENTS WEB 
Mettre une page à jour sans devoir la recharger
 
Le succès de Gmail est une illustration de l'intérêt que peut présenter l'objet DOM HTTPRequest lors de la création d'une application légère. (29/11/2004)
  Forum

Réagissez dans les forums de JDN Développeurs

Créé par Microsoft pour IE5, l'objet XMLHTTPRequest a rapidement trouvé sa place au sein de la spécification Load and Save du DOM du W3C. Par la force des choses, cet objet est maintenant disponible au sein non seulement de IE6, mais également de Mozilla, Safari et d'autres navigateurs modernes.

L'un des applications en ligne les plus connues qui se serve de cet objet est Gmail de Google : plutôt que recharger une page comme le font ses camarades de Yahoo!Mail ou Hotmail, Gmail ne rapatrie que les données à modifier via cet objet.

HTTPRequest permet donc de rapatrier des données XML (ou autres) au sein d'un document sans bouleversement de la présentation - plus précisément, il offre la possibilité d'accéder aux méthodes HTTP moins classiques que GET ou POST, à savoir PUT, DELETE, HEAD, TRACE…

Voici par exemple comment charger un document HTML et le placer directement dans un élément de la page :

var xhr = new XMLHttpRequest();
var news = document.getElementById("news");
news.innerHTML = '<p>Chargement en cours</p>';
xhr.open("GET", "http://exemple.com/news.html");
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    news.innerHTML = xhr.responseText;
    }
  }
xhr.send(null);

 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page