Présentation d’AJAX

est utilisée pour afficher les informations d’un serveur.

Le appelle une fonction (s’il est cliqué).

La fonction demande des données à un serveur Web et les affiche :

---

---

Qu’est-ce qu’AJAX ?

AJAX = UNsynchrone JavaScript UNnd
XML.

AJAX n’est pas un langage de programmation.

AJAX utilise simplement une combinaison de :

• Un navigateur intégré XMLHttpRequest objet (pour demander des données à un serveur Web)
• JavaScript et HTML DOM (pour afficher ou utiliser les données)

AJAX permet aux pages Web d’être mises à jour de manière asynchrone en échangeant des données avec un serveur Web en arrière-plan. Cela signifie qu’il est possible de mettre à jour des parties d’une page Web, sans recharger toute la page.

---

Comment fonctionne AJAX

• 1. Un événement se produit dans une page Web (la page est chargée, un bouton est cliqué)
• 2. Un objet XMLHttpRequest est créé par JavaScript
• 3. L’objet XMLHttpRequest envoie une requête à un serveur Web
• 4. Le serveur traite la requête
• 5. Le serveur renvoie une réponse à la page Web
• 6. La réponse est lue par JavaScript
• 7. L’action appropriée (comme la mise à jour de la page) est effectuée par JavaScript

---

Navigateurs modernes (Fetch API)

Les navigateurs modernes peuvent utiliser l’API Fetch au lieu de l’objet XMLHttpRequest.

L’interface Fetch API permet au navigateur Web de faire des requêtes HTTP aux serveurs Web.

Si vous utilisez l’objet XMLHttpRequest, Fetch peut faire la même chose de manière plus simple.