Ajax (Asynchronous JavaScript and XML) désigne une technique qui permet à une page web d’échanger des données avec le serveur sans se recharger entièrement. Seule la partie concernée de la page est mise à jour.
Contrairement à une idée répandue, Ajax n’est pas un langage informatique. Le terme désigne une combinaison de technologies existantes, principalement JavaScript, HTML et CSS.
Comment ça marche
Le navigateur envoie une requête au serveur en arrière-plan, pendant que l’utilisateur continue à se servir de la page. Quand la réponse arrive, un script met à jour l’élément concerné : une liste de résultats, un panier, un formulaire.
Le terme date de 2005. À l’époque, les échanges passaient par l’objet XMLHttpRequest et le format XML. Aujourd’hui, la plupart des sites utilisent l’API fetch et le format JSON. Le principe reste le même, et le mot Ajax est resté.
Exemples courants
- l’autocomplétion d’un champ de recherche ;
- l’ajout au panier sans quitter la fiche produit ;
- le filtrage d’un catalogue ou d’une liste de données ;
- la vérification d’un formulaire avant son envoi.
Ce qu’il faut surveiller
Un contenu chargé uniquement en Ajax peut être mal lu par les moteurs de recherche s’il ne dispose pas aussi de sa propre URL.
Il faut aussi prévenir les lecteurs d’écran quand une zone de la page change. Sans cela, l’information échappe aux personnes malvoyantes.
Ajax a longtemps servi d’alternative à Flash pour rendre les pages interactives. Flash n’est plus pris en charge par les navigateurs depuis fin 2020.
Nous utilisons ces échanges asynchrones dans les intranets et outils métier que nous développons, où ils rendent la saisie plus fluide. Voir notre offre de développement sur mesure.