Ajax : présentation générale

Ajax est une méthode qui repose sur une nouvelle façon de combiner les technologies Web. Pour en comprendre les spécificités, il est nécessaire de connaître le fonctionnement du modèle Web traditionnel. Avec Ajax, le calcul des données à afficher peut se faire de manière asynchrone avec le serveur, permettant d'optimiser le chargement des données.

Comparaison avec le modèle Web traditionnel

Le modèle web traditionnel est basé sur une suite de requêtes et de réponses successives qui s'effectuent de page Web en page Web.

Chaque lien suivi, chaque formulaire rempli, validé, etc. donne lieu à l'envoi d'une requête au serveur Http, qui en fonction de l'action et des données reçues génère une nouvelle page.
Chaque requête envoyée au serveur donne ainsi lieu à la création d'une nouvelle page HTML.

Pourtant, chaque nouvelle page HTML créée contient des informations communes à la page précédente. Il est donc inutile de demander une nouvelle fois ces informations au serveur, surtout lorsque ces informations sont nombreuses.

Ajax propose donc une nouvelle façon de considérer la relation client / serveur, qui permet de demander au serveur uniquement les informations nécessaires pour répondre à la requête, et d'optimiser par là même le temps de réponse, en mettant à jour seulement une partie de la page.

Le modèle Ajax

Comme nous l'avons déjà dit, Ajax est une méthode qui repose sur une nouvelle façon de combiner les technologies Web, permettant d'optimiser les échanges client / serveur.

A commencer par le DHTML (HTML Dynamique) dont le principe est le suivant : la représentation interne du document (représentation que se fait le navigateur des éléments constituant la page Web) est déterminée par le document HTML et les CSS. Les modifications sont décrites par un programme en langage de script comme Javascript, qui accède à la représentation du document à travers l'interface Document Object Model (DOM).

Cette communication avec le serveur Javascript peut être asynchrone. Cela signifie que la requête est envoyée au serveur sans attendre la réponse, le traitement à effectuer a été spécifié auparavant, et Javascript se charge de l'exécuter quand la réponse arrive. L'utilisateur peut ainsi interagir avec l'application sans être bloqué par l'attente de réponse.
Cette communication, le plus souvent asynchrone, entre Javascript et le serveur repose sur l'objet XMLHttpRequest.
XMLHttpRequest est un objet Javascript qui permet d'obtenir des données au format XML, XHTML, ou texte simple à l'aide de requêtes HTTP.

Les frameworks Ajax

Avant même de lister les frameworks Ajax, il convient de définir ce qu'est un "framework". Ce terme désigne à la fois un ensemble de composants mis à la disposition du développeur (classes ou objets utilisables dans le code), et des composants graphiques (bibliothèques de Widget).
Les frameworks sont donc comme leur nom l'indique des sortes de boîtes à outils. Voici maintenant quelques uns des frameworks Ajax, qui sont de plus en plus nombreux :

• Dojo : Dojo est un framework open source en JavaScript ;
• Symfony : Symfony est un framework open source écrit en PHP ;
• ZK Framework : ZK Framework est un framework open source pour construire des applications Web en AJAX sans aucun JavaScript ;
• Google Web Toolkit : lancée courant 2006, Google Web Toolkit est une plateforme de développement d'applications AJAX. Le développement se fait en langage Java mais une fois compilée pour la version de production, l'application est traduite en HTML et JavaScript ;
• RAP (Rich AJAX Platform) : RAP est un outil pour le développement d'applications web basées sur le framework Eclipse, proposé par la fondation Eclipse ;
• Ruby on Rails : Ruby on Rails est un framework libre écrit en Ruby, il contient plusieurs bibliothèques Javascript ;
• Bindows : Bindows fut l'une des premières plateformes de développement d'applications AJAX et Web 2.0.
• ...

A lire

• Bien développer pour le Web 2.0

• C. Porteneuve
• Eyrolles
• 39,90 EUR
• 

Avis de lecteur de Pierre M. :
"Standards, Accessibilité et Ergonomie, des mots qui sonnent bien, mais qui sont souvent peu respectés. Cet ouvrage permet de redécouvrir les technologies Web connues mais souvent mal maîtrisées (ou tout simplement de les découvrir), et surtout de les approfondir avec de vraies BONNES pratiques. L'auteur a mis l'accent sur les différents standards et sur les différents navigateurs. Pour un Web juste et moderne !!"

• En savoir plus sur cet ouvrage
• Voir tous les avis de lecteurs

• Développez en Ajax

• M. Plasse
• Eyrolles
• 34,20 EUR
• 

Avis de lecteur de Georges D. :
"Livre riche, à étudier attentivement, en particulier les exemples pratiques. Ces exemples sont commentés avec précision (je ne connais pas PHP et ai pourtant bien compris le code des exemples). L'auteur explique clairement les atouts et limites d'AJAX, les précautions à prendre, dans quels cas le mettre en oeuvre et la force du modèle MVC utilisé côté serveur ET côté client..."

• En savoir plus sur cet ouvrage
• Voir tous les avis de lecteur