Qu’est-ce que l’Ajax ?
Partie 4. Chapitre 1. Point 6
Présentation de l’AJAX
L’AJAX n’est pas une technologie et encore moins un langage de programmation. Il s’agit en fait d’un concept de programmation web qui repose sur plusieurs technologies telles que le XML, le JSON et le JavaScript.
L’objectif de l’AJAX est de faire en sorte qu’une page web communique avec le serveur web sans que cela n’engendre un rechargement de la page. C’est d’ailleurs pour cette raison que le langage préféré de l’AJAX est le JavaScript. C’est via des codes JavaScript que la connexion entre la page web et le serveur s’établit.
Ainsi, cet Ajax-là n’a rien à voir avec le héros mythologique d’Homère, ni avec l’équipe de la capitale néerlandaise 🙂 (mais on vous offre quand même cette compilation de buts juste pour le plaisir. La suite -sérieuse – de cette article est sous la vidéo).
L’utilité de l’AJAX
L’AJAX vous permet de créer des pages plus dynamiques et éviter que les pages se rechargent entièrement à chaque nouvelle requête de l’utilisateur. Pour bien comprendre, comparons le dialogue classique entre le navigateur et le serveur et le dialogue par le biais d’AJAX.
Si vous n’utilisez pas encore Ajax, le dialogue entre le navigateur de l’utilisateur et votre serveur se fait de la manière suivante : quand la personne qui est sur votre site effectue une manipulation, le navigateur renvoie une requête avec la référence d’une page web à votre serveur. Ce dernier effectue des calculs et renvoie les résultats de ce calcul, sous forme de nouvelle page web au navigateur. Chaque transmission de la requête entraîne ainsi l’affichage d’une nouvelle page web. L’utilisateur est ainsi obligé d’attendre la réponse du serveur avant de pouvoir effectuer de nouvelles manipulations.
Si vous utilisez AJAX, la procédure est plus simple. Un programme écrit dans le langage JavaScript est intégré dans chaque page web. C’est ce programme qui est exécuté par le navigateur à chaque manipulation effectuée par l’utilisateur. Les demandes sont alors envoyées en arrière-plan au serveur qui modifiera alors le contenu de page actuellement affichée sur le navigateur en fonction du résultat qu’il a obtenu. Cela évite la retransmission des données et l’affichage d’une nouvelle page complète à chaque manipulation.
Les différents langages et formats de données utilisées par AJAX
AJAX est un ensemble de nouvelles technologies destinées à favoriser le transfert de données entre le serveur et le navigateur web. En AJAX, il est ainsi d’une grande importance de bien structurer les données. Voilà pourquoi différentes technologies sont utilisées. Le format texte est utilisé, pour afficher un message d’erreur ou toute autre phrase à l’utilisateur.
Le HTML et le CSS servent pour la présentation des pages. Ils permettent une présentation standardisée et respectueuse des normes W3C des pages web. L’autre format de données le plus couramment utilisé en AJAX est le JSON, il permet de segmenter les données dans un objet JavaScript, ce qui est l’idéal pour réaliser de petits transferts de données segmentées. Le DOM (Document Object Model) vous permet de modifier des éléments de votre page HTML en direct. L’objet XMLHttpRequest, lui, permet de lancer les requêtes de l’utilisateur vers le serveur en arrière-plan.
Mais la clé de voûte de l’AJAX est sans doute le JavaScript, c’est par le biais de code JavaScript que le DOM et le XMLHttpRequest récupèrent les données du navigateur et du serveur.
Attention : référencer un site conçu avec l’AJAX est complexe… voire presque impossible. Si vous souhaitez que votre site apparaisse dans les résultats naturels de Google, détournez-vous de ce concept de programmation.
Notez-le : vous voulez vous perfectionner sur le sujet ?