Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/07275.jsonl.gz/450

AJAX
Sommaire
1 Introduction
AJAX est un acronyme signifiant Asynchronous JavaScript and XML et qui designe un ensemble de technologies pour créer des pages web dynamiques et qui peuvent communiquer avec un serveur. AJAX est donc une technologie utilisé pour créer des rich internet applications (RIA). La plupart des applications web 2.0 utilisent la technologie AJAX.
L'acronyme a été maintenu en dépit du fait que :
- Les requêtes ne doivent pas être forcément asynchrones
- JavaScript n'est pas la seule manière pour faire ce type de requêtes (mais sans doute la plus fréquente)
- Le format d'échange ne se limite pas à XML, on peut utiliser par exemple du JSON (très fréquent), du HTML, ou même des simples fichiers de texte.
2 Description et intérêt
Par rapport à une application web "traditionnelle" (avec des formulaires et un bouton "submit"), AJAX permet de créer des applications qui ont des interfaces plus riches et qui permettent d'échanger des données avec un serveur sans recharger la page.
3 Architecture et fonctions
AJAX est ni une technologie en elle-même ni une norme. Ce terme désigne simplement une combinaison de technologies client (pages web):
- XHTML (ou HTML) plus CSS, pour la mise en page
- La norme DOM qui permet à JavaScript de manipuler tous les élément affichés à l'écran.
- L'objet JavaScript XMLHttpRequest qui permet de communiquer avec un serveur sans recharger la page.
- XML est utilisé (parfois) pour transporter les données entre le client (le navigateur) et un serveur.
Du côté serveur, n'importe quel environnment peut être utilisé, comme par exemple PHP
Alternatives:
4 Exemples d'applications et d'utilisation
La liste serait très longue puisque la plupart des applications web 2.0 de type RIA sont crées avec AJAX.
Il faut aussi rappeler que certaines applications web traditionnelles utilisent quelques composants AJAX, par exemple la plateforme Moodle (version 2008) permet de déplacer des éléments de cours.