Logo

AJAX

Définition

AJAX, ou comment faire croire à votre patron que vous travaillez dur alors que la page ne fait que se rafraîchir toute seule. C'est comme un ninja : ça envoie et reçoit des données sans que personne ne s'en aperçoive !

Fonction Principale

Permet aux applications web de se mettre à jour toutes seules, comme un ado qui grandit sans prévenir, sans interrompre l'expérience utilisateur. Magique, non ?

Caractéristiques

  • Communication asynchrone avec le serveur, parce que personne n'aime attendre.
  • Mise à jour dynamique du contenu sans rechargement de page, comme changer de chaîne sans toucher la télécommande.
  • Utilisation de l'objet XMLHttpRequest pour les requêtes, un truc qui fait 'blip blop' dans le code.
  • Supporte les formats de données comme JSON et XML, parce que même les données ont besoin de format.

En Pratique

Exemple d'utilisation d'AJAX pour charger des données à partir d'un serveur, ou comment faire croire à votre chat que vous parlez à un ami invisible :

var xhr = new XMLHttpRequest();

xhr.open('GET', 'https://api.example.com/data', true);

xhr.onload = function() {
   if (xhr.status === 200) {
       console.log('Réponse du serveur : ' + JSON.parse(xhr.responseText));
   }
};

xhr.send();

// Et voilà, votre page vient de discuter avec le serveur sans que vous leviez le petit doigt !
Logo