oujood.com

AJAX - créer un objet XMLHttpRequest

L'objet XMLHttpRequest est utilisé pour échanger des données avec un serveur dans les coulisses.
Cette leçon comprend un des plus grands obstacles pour les programmeurs Ajax débutants: le soutien du navigateur.
Ce serait bien si tous les navigateurs Web tiennent le même code Javascript pour utiliser Ajax, mais ce n’est pas le cas.

chercher |

Créer un objet XMLHttpRequest

Ajax cours tutoriel

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

readyState passe successivement de 0 à 4 pour montrer qu'il est "prêt".
status 200 pour ok
404 si la page n'est pas trouvée.
responseText Comporte les données chargées dans une chaîne de caractères.
responseXml contient les données chargées sous forme xml, les méthodes de DOM servent à les extraire.
onreadystatechange propriété activée par un évènement de changement d'état. On lui assigne une fonction.

Les méthodes

open(mode, url, boolean) mode: type de requête, GET ou POST
url: l'endroit ou trouver les données, un fichier avec son chemin sur le disque.
boolean: true (asynchrone) / false (synchrone).
en option on peut ajouter un login et un mot de passe.
send("chaine") null pour une commande GET.

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 :

variable=new ActiveXObject("Microsoft.XMLHTTP");

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();
	}

Par carabde 22 aout 2014



Voir aussi nos tutoriel :

créer des fichiers XML à partir de données SQL

Créer des fichiers XML à partir d'une base de données

Balise d'entete head

Définit les informations sur le document

php fonction date

La fonction date