Qu'est-ce que AJAX?

Attention, depuis PHP 5.5.0, certaines extensions SQL sans doute utilisées dans ce tutoriel peuvent être obsolètes et seront supprimées dans le futur, vous devez donc adapter les codes! Exemples ici.
Avant de vous lancer tête baissé dans ce tutoriel concernant AJAX, sachez que celui-ci à été créé par un nul pour les nuls et c'est peut de vous le dire ! Le titre de ce tutoriel aurait donc put être : "AJAX pour les nuls" mais ça ne parle pas trop à notre ami Google. Le but de ce tutoriel bien que sans doute maladroitement conçu est de vous faire comprendre les bases du fonctionnement d'AJAX le plus simplement possible. Si vous êtes conscient de ce que vous venez de lire vous fuirez rapidement cette section .... dans le cas contraire, tant pis pour vous .

AJAX est l'acronyme de Asynchronous JavaScript and XML. AJAX n'est pas un nouveau langage de programmation mais est plutôt une nouvelle façon d'utiliser les normes existantes (HTML/XHTML, CSS, JavaScript/DOM).
AJAX permet d'échanger des données avec un serveur pour mettre à jour des parties d'une page web sans avoir à recharger la page entière. Il permet donc aux pages web d'être mis à jour de façon asynchrone* par échange de données avec le serveur de façon transparente pour l'internaute.

*Asynchrone / synchrone

Une méthode dit asynchrone est une méthode qui est lancée en parallèle de l'exécution d'un programme ce qui signifie que le programme continue à s'exécuter en attendant la réponse de la méthode asynchrone. Pas de rechargement, pas d'attente pour faire autre chose contrairement à la méthode synchrone qui bloque le programme/page pour s'exécuter.

Prenons l'exemple d'un simple formulaire de recherches. En pure PHP on lance la requête qui est ensuite traité. Une fois la réponse obtenu, la page se recharge pour afficher l'information demandé et il est impossible de faire quoi que ce soit temps que la réponse n'a pas été renvoyé. Avec AJAX en mode asynchrone, on n'a pas besoin d'attendre la réponse pour faire autre chose et la page n'a pas besoin d'être recharger pour afficher la réponse. Un exemple bien connu est celui de Google Suggest qui vous propose au fur et à mesure que vous entrez le texte de votre recherche une liste de suggestions..

AJAX utilise :
  • L'objet XMLHttpRequest (pour échanger des données de manière asynchrone avec un serveur).
  • JavaScript / DOM (pour afficher / interagir avec l'information).
  • CSS (pour les données de style).
  • XML (souvent utilisé comme format de transfert de données).

Avant de poursuivre, il est recommandé d'avoir une compréhension de base des langages suivant :
  • HTML / XHTML
  • CSS
  • JavaScript / DOM
Voir/déposer un commentaire (0) | Signaler un problème