Corrigé de l'examen final

Question 1

Quels sont les différents ingrédients qui composent le modèle d'application web dit AJAX ?

Le modèle d'application web dit AJAX combine un ensemble de technologies Web :

HTML et CSS pour la mise en forme structurelle et visuelle de l'IHM

JavaScript comme langage de programmation et système de gestion événementielle des interactions

le DOM pour manipuler l'IHM

l'objet XMLHTTPRequest pour la communication client/serveur, offrant notamment le mode asynchrone

des formats d'échange d'information entre client et serveur, en XML, en JSON, ...

Remarque : jQuery est simplement une surcouche (un super-ingrédient) qui facilite l'utilisation de toutes ces technologies

Décrivez les différentes étapes d'un dialogue AJAX caractéristique en précisant à chaque étape les ingrédients qui interviennent ainsi que leur rôle.

Chaque ingrédient a son utilité et une utilisation précise dans un dialogue AJAX caractéristique qui peut se découper en 5 étapes :

une application est chargée dans le navigateur web de l'utilisateur avec toute la description HTML et CSS de l'IHM et tous les comportements JavaScript enregistrés pour la gestion des interactions. Une interaction utilisateur a lieu, déclenchant une fonction JavaScript du moteur AJAX.

cette fonction invoque un service par une requête HTTP asynchrone grâce à l'objet XMLHTTPRequest et enregistre une fonction de rappel qui traitera le résultat de la requête (cf. point 4). Le cas échéant, des informations sont envoyées avec la requête au serveur.

le service appelé traite la requête selon les informations reçues (si disponibles) et formule la réponse. Celle-ci est renvoyée au client.

la fonction JavaScript de rappel enregistrée au point 2 se déclenche à reception de la réponse du serveur. Celle-ci traite les informations et les préparent pour l'étape suivante.

l'interface HTML/CSS est modifiée par le DOM pour signifier, généralement visuellement, les informations reçues du serveur.