Statistiques| Inscription| Espace privé
Développement Web
Accueil > AJAX
Le plan Les galeries
Dernière mise à jour :
vendredi 15 mai 2009
Contact
Webmestre
olivier ramos
ParamSPIP
Agenda
<<   Juillet 2019   >>
Lu Ma Me Je Ve Sa Di
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4


AJAX
 
 
 
 

AJAX(Asynchronous Javascript and XML) n’est pas une technologie spécifique mais au contraire un amalgame des technologies présentées précédemment ( et d’autres telles que XML, JSON,...). L’intérêt principal d’AJAX est qu’il permet d’échanger des informations avec les serveurs web et de base de données sans avoir à recharger une nouvelle page.

Ces échanges peuvent être :

- soit synchrones (le navigateur est bloqué tant que la réponse du serveur n’est pas parvenue),

- soit asynchrones (le navigateur n’est pas bloqué et le traitement de la réponse se fera dès son arrivée).

 Les réponses sont de type texte (permettant le transfert de code xhtml) ou de type XML (utilisé par exemple pour les flux RSS).

 
 
 
 
 
XMLHttpRequest
 
 
 
 

XMLHttpRequest est l’objet qui permet au code JavaScript de faire des requêtes au serveur web. Il est implémenté de différentes manières selon les navigateurs (on distingue Internet Exporer 6 ou inférieur, et les autres). Nous utiliserons une version très simple de la déclaration de cet objet (nommé ici xhr_object ). Plus précisément :

// La deuxième ligne pour IE6 ou inférieur, et la première pour tous les autres.

if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest() ;
else if(window.ActiveXObject)
 xhr_object = new ActiveXObject("Microsoft.XMLHTTP") ;

Les méthodes et propriétés des objets XMLHttpRequest que nous utiliserons sont les suivantes :

- open("methode","url",asyncdrapeau) pour initialiser les paramètres de la requête (GET ou POST, le fichier à traiter, synchrone ou asynchrone), 

- setRequestHeader("Content-Type","application/x-www-form-urlencoded") pour l’en-tête de la requête dans le cas POST,

- send(contenu) pour envoyer les paramètres dans le cas POST,

- onreadystatechange pour définir la fonction qui prend en charge le changement d’état de la requête,

- readyState renvoie l’état du traitement de la requête,

- status renvoie le code de statut de la requête,

- responseText renvoie la réponse comme une chaîne de caractères,

- responseXML renvoie la réponse comme un document XML.