Docment inscrition

Disponible uniquement sur Etudier
  • Pages : 12 (2765 mots )
  • Téléchargement(s) : 0
  • Publié le : 7 mai 2011
Lire le document complet
Aperçu du document
Web 2.0, allez plus loin avec AJAX et
XMLHttpRequest
par siddh
Date de publication : 07/01/2006
Dernière mise à jour : 15/11/2006
Si il y a un terme à la mode en ce moment c'est bien celui d'AJAX, on le
retrouve un peu a toutes les sauces. Qu'est ce donc que cet AJAX ? Nous
verrons à quoi correspondent ces lettres mais surtout les concepts qui se
cachent derrière et les différentesutilisations que l'on peut en faire.
I - Introduction
II - L'objet XmlHttpRequest
III - Utilisation
IV - Aller plus loin
IV-A - Listes liées
IV-B - Utiliser responseXML
V - Conclusion
Web 2.0, allez plus loin avec AJAX et XMLHttpRequest par siddh
- 2 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentationde ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2006 - siddh. Aucune reproduction, même
partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur.
Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts.http://siddh.developpez.com/articles/ajax
I - Introduction
Qu'est ce qu'AJAX ?
Vous trouverez certainement plusieurs définitions différentes à cet acronyme.
En voici une : Asynchronous JavaScript And XML.
AJAX n'est donc pas une technologie mais plutôt un concept qui permet donc de faire des appels asynchrones au
serveur depuis le client.
Lors de ces appels, le serveur retournera du XML qui sera"récupéré" par javascript et traité.
Nous verrons que nous pouvons tout aussi bien faire transiter du texte et faire des appels synchrone si l'on veut.
Avant toute chose, il serait bon de faire un point sur le processus classique de consultation d'un site ou d'une
application web :
1 Vous saisissez une adresse dans votre navigateur.
2 Cette "requête" finie par arriver sur le serveur web quihéberge la page en question.
3 Le serveur vous retourne du texte au format HTML ou XHTML et éventuellement des images, feuilles de
style, fichiers JavaScript, applets java ....
4 Votre navigateur les interprète et vous affiche la page.
5 Vous êtes déconnecté du serveur web.
Donc, quand vous cliquez sur un lien, vous recommencez ce processus en entier avec une nouvelle page.
Dans le cas ou unformulaire se trouve sur la page, vous envoyez les données sur le serveur qui vous répondra
après traitement de ces données.
L'utilisation d'AJAX va chambouler un peu cette organisation car a tout moment vous pouvez aller chercher des
informations sur le serveur pour :
· Ajouter des éléments a la page
· Modifier le contenu d'un "bout de la page"
· Insérer des données dans une base.
Lesapplications sont donc très nombreuses :
· Champs qui s'auto-complètent (comme google suggest).
· Listes déroulantes liées.
· Contrôle de formulaire.
· Popups accessibles.
· ...
Mais comment faire pour l'utiliser ?
Web 2.0, allez plus loin avec AJAX et XMLHttpRequest par siddh
- 3 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Parcontre la page de présentation
de ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2006 - siddh. Aucune reproduction, même
partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur.
Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 Ede dommages et intérêts.
http://siddh.developpez.com/articles/ajax
II - L'objet XmlHttpRequest
AJAX se base sur l'utilisation d'un composant embarqué dans presque tous les navigateurs récents.
Par contre, vous vous doutez bien que le comportement va varier en fonction de ces derniers.
Pour pouvoir utiliser AJAX, il nous faut donc créer en javascript un objet que l'on nomme XmlHttpRequest ou...
tracking img