AJAX en français

Qu'est-ce qu'AJAX ?

AJAX, ou Asynchronous JavaScript and XML, représente une approche de programmation essentielle permettant aux développeurs web de récupérer des données depuis un serveur sans nécessiter le rechargement de la page. Cela offre une expérience utilisateur plus fluide en rendant les applications web plus réactives.

Syntaxe d'AJAX

Pour exécuter des requêtes AJAX, il est impératif d'utiliser l'objet intégré XMLHttpRequest dans les navigateurs modernes :

const request = new XMLHttpRequest();

Exemple d'utilisation

On peut attacher des écouteurs d'événements à l'objet de requête pour qu'une fonction spécifique s'exécute lorsque certaines conditions sont remplies :

const request = new XMLHttpRequest();
function requestListener() {  console.log(this.responseText); }
request.addEventListener('load', requestListener);

Ensuite, on utilise la méthode open() de cet objet pour établir une requête vers un serveur. Cette méthode prend deux paramètres : le premier indique la méthode HTTP (GET, POST, DELETE, etc.) et le second est l'URL de la ressource à récupérer. Ensuite, pour envoyer la requête, la méthode send() est utilisée :

request.open('GET', 'http://www.example.org/example.txt');
// Pour récupérer des données
request.send();
// Pour envoyer des données (POST, PUT, etc.)
request.send(OUR_DATA_VARIABLE);

Origine d'AJAX

Dans les années 1990, alors que le Web était encore jeune, la plupart des sites web nécessitaient un rechargement complet pour actualiser les données. Cela entraînait une utilisation inefficace des ressources, affectant la rapidité et le confort d'utilisation. Avec l'émergence de technologies comme l'élément <iframe> dans Internet Explorer et l'intégration des fetch asynchrones dans des applications comme Gmail et Google Maps, cette méthode est devenue populaire. En 2005, Jesse James Garrett a officialisé le terme "AJAX" dans un article, et depuis, il est devenu la méthode de référence pour développer des applications web.