[AJAX] T2: Comment Fonctionne AJAX

Comment cela fonctionne?

Schéma du fonctionnement d'Ajax

Ajax utilise un modèle de programmation comprenant d'une part la présentation, d'autre part les évènements.
Les évènements sont les actions de l'utilisateur, qui provoquent l'appel des fonctions associées aux éléments de la page.
L'interaction avec l'utilisateur se fait à partir des formulaires ou boutons html.
Ces fonctions JavaScript identifient les éléments de la page grâce au DOM et communiquent avec le serveur par l'objet XMLHttpRequest.
Pour recueillir des informations sur le serveur cet objet dispose de deux méthodes:

• open: établit une connexion.
• send: envoie une requête au serveur.

Les données fournies par le serveur seront récupérées dans les champs de l'objet XMLHttpRequest:

• responseXml pour un fichier XML ou
• responseText pour un fichier de texte bru.

Noter qu'il faut créer un nouvel objet XMLHttpRequest, pour chaque fichier que vous voulez charger.

Il faut attendre la disponibilité des données, et l'état est donné par l'attribut readyState de XMLHttpRequest.

Les états de readyState sont les suivants (seul le dernier est vraiment utile):

0: non initialisé.
1: connexion établie.
2: requête reçue.
3: réponse en cours.
4: terminé.