Tutos Ajax

Ajax - acronyme d'Asynchronous JavaScript and XML, c'est-à-dire JavaScript asynchrone et XML - est une ensemble de méthodes de développement Internet (côté client) de sites dynamiques et d'applications; il permet la mise en place de Rich Internet Applications (RIA): applications Internet riches.

L'utilisation d'Ajax trouve son origine dans les débuts d'Internet, lorsque seul le HTML était utilisé. A cette époque, chaque changement partiel sur une page Internet nécessitait le renvoi des informations vers et depuis le serveur, et un chargement intégral de la page pour les changements d'une partie de celle-ci; ce type de fonctionnement rendait donc l'usage d'Internet très lent et particulièrement gourmand en bande passante.

C'est l'apparition des applets Java en 1995 - qui rendait possible le chargement asynchrone des pages Internet - qui a amorcé l'utilisation d'Ajax. En 1996, c'est au tour d'Internet Explorer d'ajouter sa pierre à l'édifice en introduisant l'élément "" au HTML, qui permettait également le chargement asynchrone. Trois ans plus tard, en 1999, Microsoft intègre le contrôle ActiveX XMLHttp à Internet Explorer 5 en tant qu'objet JavaScript XMLHttpRequest, qui a plus tard été adopté par d'autres navigateurs tels Mozilla Firefox, Safari et Opera. Internet Explorer 7 intègre nativement le modèle XMLHttpRequest mais supporte la version ActiveX.
C'est le déploiement à grande échelle de l'utilisation d'Ajax à travers des applications telles qu'Outlook Web Access en 2000, Oddpost en 2002 ou Gmail en 2004 qui a permis la démystification des technologies Internet asynchrones. Le 18 février 2005, Jesse James Garrett forge le terme "Ajax" dans son article: "Ajax: a new approach to Web applications." Le 5 avril 2006 enfin, le World Wide Web (W3C) publie la première ébauche des spécifications du nouveau standard de l'objet XMLHttpRequest.

L'ajax c'est quoi ?

Ajax est un méthode de programmation permettant la création de sites Internet dynamiques.
Cette méthode combine l'utilisation de plusieurs technologies, notamment:

• JavaScript et DOM (Document Object Model), qui modifient l'information présentée dans le navigateur par programmation.
• XML (ou XHR, JSON...), qui permet de structurer les informations circulant entre serveur et navigateur.
• XMLHttpRequest, permettant le dialogue asynchrone serveur/navigateur.

L'utilisation d'Ajax permet la modification au coup par coup du contenu des pages Internet d'après les réponses renvoyées par le serveur à chaque demande du navigateur; le chargement intégral de la page est donc évité, ce qui permet d'optimiser la rapidité de navigation et de la rendre plus interactive - Ajax permet à l'utilisateur de poursuivre ses manipulations sans attendre les réponse du serveur aux demandes du navigateur. Cependant, il est nécessaire de programmer les dialogues dont ces optimisations ponctuelles découlent, qui diffèrent des méthodes de dialogue classiques intégrées aux navigateurs; il est également nécessaire de programmer l'ensemble des modifications à apporter à la page.
En outre, les technologies qu'utilise Ajax étant présentes par défaut sur la grande majorité des navigateurs, Ajax peut en principe être exécuté simplement et rapidement, toujours sans l'ajout d'un plugin spécifique contrairement à ses concurrents.

Vous trouverez ici des tuto et formation AJAX vous permettant de découvrir comment utiliser ce principe dans vos pages web afin d'éviter un rechargement de page. Ces tuto aborderons notamment la notion de formulaires en Ajax. Vous souhaitez aller plus loin ? Découvrez notre parcours de formation Intégrateur web !

Liens utiles

• Tutos Ajax gratuits