Introduction au concept

Introduction au concept

Présentation

AJAX est l'acronyme d'Asynchronous Javascript and XML, ce qui, transcrit en français, signifie « Javascript et XML asynchrones ».

Derrière ce nom se cache un ensemble de technologies destinées à réaliser de rapides mises à jour du contenu d'une page Web, sans qu'elles nécessitent le moindre rechargement visible par l'utilisateur de la page Web. Les technologies employées sont diverses et dépendent du type de requêtes que l'on souhaite utiliser, mais d'une manière générale le Javascript est constamment présent.

D'autres langages sont bien entendu pris en compte comme le HTML et le CSS, qui servent à l'affichage, mais ceux-ci ne sont pas inclus dans le processus de communication. Le transfert de données est géré exclusivement par le Javascript, et utilise certaines technologies de formatage de données, comme le XML ou le JSON, mais cela s'arrête là.

L'AJAX est un vaste domaine, dans le sens où les manières de charger un contenu sont nombreuses. Nous verrons les techniques les plus courantes dans les chapitres suivants, mais tout ne sera pas abordé.

Fonctionnement

Concrètement, à quoi peut servir l'AJAX ? Le rafraîchissement complet de la page n'est-il pas plus simple ? Eh bien, cela dépend des cas d'application !

Prenons l'exemple du Site du Zéro ! Ce site a recours à l'AJAX pour plusieurs de ses technologies, nous allons parler de deux d'entre elles et expliquer pourquoi nous avons besoin de l'AJAX pour les faire fonctionner correctement :

• L’auto-complétion ! Lorsque vous recherchez un membre et que vous tapez les premières lettres de son pseudo dans le formulaire prévu à cet effet, vous obtenez une liste des membres dont le pseudo commence par les caractères que vous avez spécifiés. Ce système requiert de l'AJAX pour la simple et bonne raison qu'il faut demander au serveur de chercher les membres correspondant à la recherche, et ce sans recharger la page, car les caractères entrés seraient alors perdus et l'ergonomie serait plus que douteuse.

• La sauvegarde automatique des textes ! Le Site du Zéro intègre un outil très pratique : tout texte écrit sur un cours, une news, ou même un simple message sur le forum, est sauvegardé à intervalles réguliers dans une sorte de bloc-notes. Cette sauvegarde doit se faire de manière transparente afin de ne pas gêner le rédacteur. Le rechargement complet d'une page Web n'est donc pas envisageable. C'est donc là qu'intervient l'AJAX en permettant à votre navigateur d'envoyer tout votre texte au serveur sans vous gêner.

Dans ces deux cas, les requêtes ne sont pas superflues, elles contiennent juste les données à faire transiter, rien de plus. Et c'est là que réside l'intérêt de l'AJAX : les requêtes doivent être rapides. Par exemple, pour obtenir la liste des membres, la requête AJAX ne va pas recevoir une page complète du Site du Zéro (bannière, menu, contenu, etc.) ; elle va juste obtenir une liste des membres formatée de manière à pouvoir l'analyser facilement.

Créé avec HelpNDoc Personal Edition: Outil de création d'aide complet