AJAX - créer un objet XMLHttpRequest

Créer un objet XMLHttpRequest

L'objet principal d'AJAX est XMLHttpRequest c'est le pelier sur quoi s'appuit tout l'Ajax.

L'objet XMLHttpRequest

Tous les navigateurs modernes prennent en charge l'objet XMLHttpRequest (IE5 et IE6 utilise un ActiveXObject).

L'objet XMLHttpRequest est utilisé pour échanger des données avec un serveur dans les coulisses (c'est à dire en aarriere plan).

Et comme on a déjà dit cela signifie qu'il est possible de mettre à jour certaines parties d'une page web, sans avoir à recharger la page entière.

Créez un objet XMLHttpRequest

XMLHttpRequest permet un echange de données avec le serveur, grâce à des méthodes et des attributs comme le montre le tableau qui suit.

Les attributs

Les méthodes

Tous les navigateurs modernes (IE7 +, Firefox, Chrome, Safari et Opera) ont un objet XMLHttpRequest intégré.

Syntaxe pour créer un objet XMLHttpRequest :

variable=new XMLHttpRequest();

Anciennes versions d'Internet Explorer (IE5 et IE6) utilise un objet ActiveX :

Pour gérer tous les navigateurs modernes, y compris IE5 et IE6, vérifiez si le navigateur prend en charge l'objet XMLHttpRequest. Si oui, créez un objet XMLHttpRequest, sinon, créez un ActiveXObject :

Exemple :

Exemple :      Copier le code

var xmlhttp;
if (window.XMLHttpRequest)
  {// code pour IE7 et sup , Firefox, Chrome, Opera et Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code pour IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

Ou plus simplement, on peut utiliser les exceptions :

Exemple :      Copier le code

try {
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");    /* Essayer IE5 et IE6*/
	}
	catch(e)   // Echec, utiliser l'objet standard
	{
	xmlhttp = new XMLHttpRequest();
	}