Non, Ajax (Asynchronous JavaScript and XML) n’est pas un nettoyant ménager, enfin pas que ça :) Sur le web, c’est une technologie qui permet de créer des applications web telles que gMail ou netvibes par exemple. Ces applications sont très réactives et les pages web ne se rechargent pas à chaque requête, c’est en fait uniquement une partie de la page qui se met à jour. Pour plus d’informations au sujet d’Ajax : http://fr.wikipedia.org/wiki/AJAX

Voici donc mon premier essai en Ajax :

function loadFile(f){
//alert(f);
//déclaration de la variable
var xmlhttp = null;

//création de l’objet XMLhttprequest
if(window.XMLHttpRequest) { //Firefox
xmlhttp = new XMLHttpRequest();
} else if(window.ActiveXobject) { // IE
xmlhttp = new ActiveXObject(”Microsoft.XMLHTTP”);
} else { // autre
alert(”non supporté par le navigateur, get Firefox ;)”);
return;
}

//connexion au fichier texte
xmlhttp.open(”GET”, “/” + f, true);

//lorsque le fichier est chargé
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState == 4) {
//on affiche son contenu
//alert(xmlhttp.responseText);
document.getElementById(”ajaxresults”).innerHTML = xmlhttp.responseText;
}
}

xmlhttp.send(null)
}

  • Fichier 1
  • Fichier 2
  • Fichier 3
    • texte de départ

    J’ai récupéré cet exemple de BlackWizard qui a écrit un livre très bien fait, et disponible au format PDF sur son site, sur le développement web.

    Code de mon exemple :

    
 function loadFile(f){
  //alert(f);
  //déclaration de la variable
  var xmlhttp = null;

  //création de l'objet XMLhttprequest
  if(window.XMLHttpRequest) { //Firefox
  xmlhttp = new XMLHttpRequest();
  } else if(window.ActiveXobject) { // IE
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } else { // autre
  alert("non supporté par le navigateur, get Firefox ;)");
  return;
  }

  //connexion au fichier texte
  xmlhttp.open("GET", "/" + f, true);

  //lorsque le fichier est chargé
  xmlhttp.onreadystatechange = function() {
  if(xmlhttp.readyState == 4) {
  //on affiche son contenu
  //alert(xmlhttp.responseText);
  document.getElementById("ajaxresults").innerHTML = xmlhttp.responseText;
  }
  }

  xmlhttp.send(null)
  }

    D’autres informations disponibles à ces adresses (source : forum Alsacréations.com)