Le monde d’AJAX
Le monde d’AJAX
-
Objectifs
- Connaitre AJAX
-
Présentation
- AJAX est l’acronyme pour Asynchronous JavaScript and XML.
- L’élément principal est ici le mot Asynchronous (asynchrone). AJAX apporte une tech,qui permet d’appeler le serveur en arrière-plan via JavaScript et d’obtenir des données complémentaires à la demande afin d’actualiser des parties de la page sans déclencher son rechargement intégral. La figure suivante illustre la demande d’une Page web AJAX par un internaute.
-
Répartition de charge entre le client et le serveur
- AJAX propose une solution de répartition de charge entre le client et le serveur,en leur permettant de communiquer en arrière-plan pendant que l’utilisateur est en train de travailler sur la page.
- Prenons l’exemple des formulaires d’inscription web. L’utilisateur doit saisir des informations (comme un nom, une adresse e-mail, un mot de passe, un numéro de carte bancaire, etc.), qui doivent être validées avant de passer à l’étape suivante de la procédure d’inscription.
- Il existe trois manières de mettre en œuvre la validation :
- Laisser l’utilisateur saisir toutes les informations nécessaires, soumettre la page et réaliser la validation sur le serveur. Si la validation échoue, le serveur renvoie le formulaire (parfois vide) et demande à l’internaute de corriger les entrées invalides. Dans ce scénario, l’utilisateur subit un temps mort (retard) entre le moment où le formulaire est envoyé et celui où la réponse est reçue.
- Effectuer la vérification sur le client en utilisas code JavaScript. L’utilisateur est averti des données invalides et apporte les corrections nécessaires avant de soumettre le formulaire. Cette technique ne fonctionne qu’avec des procédures de validation très simples, qui ne se fondent pas sur des données complémentaires présentes sur le serveur. Par ailleurs, elle n’est pas envisageable lorsque des algorithmes de validation propriétaires ou secrets sont impliqués, car ils ne doivent pas être transmis au client sous forme d’un code JavaScript.
- Utiliser une validation AJAX du formulaire afin que l’application web puisse valider les données saisies en arrière-plan, pendant que l’utilisateur continue à remplir le formulaire. Par exemple, après que l’utilisateur a tapé les premières lettres de la ville, le navigateur web demande au serveur de lui envoyer à la volée la liste des villes dont les noms commencent par ces lettres.
-
Composants d’ajax
- Les technologies sous-adjacentes à AJAX sont sont prêtes et déjà implémentées dans tous les navigateurs web modernes. Le client n’a donc pas besoin d’installer d’autres modules pour consulter un site web AJAX.
- Le client n’a donc pas besoin d’installer d’autres modules pour consulter un site web AJAX. Voici les composants d’AJAX
- JavaSript est l’élément essentiel J’AJAX. Il autorise la fonctionnalité coté client. Dans les fonctions JavaScript, vous aller utiliser intensivement le DOM (Document Object Model) pour manipuler des parties de page HTML
- L’objet XMLHttpRequest permet au code javaScript d’accéder au serveur de manière asynchrone et en arrière-plan.
- Hormis pour les applications les plus simples, une technologie côté serveur est nécessaire pour prendre en charge les requêtes qui
proviennent du code JavaScript du client. Dans ce cours, nous utiliserons PHP pour mettre en oeuvre la partie serveur de la tâche.
-
Les communications client-serveur
- Pour les communications client-serveur, le code JavaScript client et le code PHP serveur ont besoin d’un mécanisme pour s’échanger les données et pour les interpréter. Transmettre des données est la partie la plus simple.
- En utilisant l’objet XMLHttpRequest, le script client peut envoyer des couples nom-valeur en utilisant les méthodes GET ou POST. La lecture de ces valeurs dans n’importe quel script serveur est très simple.
- Le script serveur renvoie simplement la réponse via HTTP, mais, contrairement à un site web classique, elle sera dans un format simple à analyser par le code Java-Script client.
- Ce format peut être du texte simple, mais, en pratique, nous avons besoin d’un format qui permet de transmettre des données structurées. Les deux formats d’échange de données les plus utilisés dans les applications AJAX sont XML et JSON (JavaScript Object Notation).
- Source:AJAX et PHP comment construire des applications web réactives Andra Hendrix, Bogdan Brinzarea
Aucun des composants AJAX n’est nouveau ni révolutionnaire (ou tout au moins évolutionnaire), comme tout ce bruit fait autour d’AJAX pourrait le suggérer. L’élément le plus récent est XMLHttpRequest, qui a été proposé par Microsoft en ‘histoire d’AJAX, consultez Wikipédia à l’adresse 1999. Pour en savoir plus sur l http//fr.wikipedia.org/wiki/Asynchronous_JavaScript and XML.
