À retenir
- Supprime le besoin de recharger totalement la page.
- Rend les sites web beaucoup plus réactifs et agréables.
- Utilise principalement du JavaScript pour dialoguer avec le serveur de façon asynchrone (en tâche de fond).
Action d'ajouter des fonctionnalités dynamiques à un site web pour éviter de recharger la page entière lors d'une interaction. C'est comme mettre à jour uniquement le score d'un match sur un écran géant sans avoir à éteindre et rallumer tout l'écran à chaque point marqué.
Étymologie
Verbe formé à partir de l'acronyme AJAX (Asynchronous JavaScript and XML). Apparu au milieu des années 2000, ce terme illustre le passage d'un web statique, où chaque clic entraînait une attente, à un web interactif où les données s'échangent de manière invisible en arrière-plan.
Exemples d'usage
- L'affichage automatique de suggestions de mots dans une barre de recherche dès que l'on commence à taper.
- L'ajout d'un article dans un panier d'achat sans quitter la page du catalogue.
- Le chargement de nouveaux messages dans une discussion instantanée sans rafraîchir l'onglet du navigateur.
Cas d'usage
Ce concept intervient massivement dans le développement d'interfaces web modernes (SaaS, réseaux sociaux, tableaux de bord) pour offrir une expérience fluide, proche de celle d'un logiciel installé sur l'ordinateur.
Bonnes pratiques
Il est crucial d'afficher un indicateur visuel (un loader ou une barre de progression) pour informer l'utilisateur qu'une action est en cours. Il faut également gérer proprement les erreurs (perte de connexion) pour éviter que l'interface ne se bloque sans explication.
Synonymes
Conseil
Si vous débutez en programmation web, commencez par maîtriser l'envoi d'un simple formulaire de contact sans rechargement de page ; c'est le meilleur exercice pour comprendre comment 'ajaxer' un composant.
Questions fréquentes
Faut-il forcément utiliser du XML pour ajaxer ?
Non, malgré le nom d'origine, on utilise aujourd'hui presque exclusivement le format JSON, plus léger et facile à manipuler par les développeurs.
Est-ce une technique compliquée ?
Aujourd'hui, c'est devenu très simple grâce à des fonctions standards comme fetch() en JavaScript ou à des bibliothèques modernes.