{"partition": "head_middle", "source_domain": "www.xul.fr", "digest": "sha1:76CJ6Y45DPQKGP7PFSIAYOEQZLNMCHY7", "path": "/lustre/fsn1/projects/rech/qgz/uzq54wg/processed_redpajama/base_processing/output/fr/2014-15/000_00026.parquet"}
CSS	HTML 5	Firefox	Ajax
Tutoriel Ajax
XMLHttpRequest
Démos et scripts
Application web Tutoriel RSS
Ressources Logiciels DOM
Lightbox Questions
Traductions English
Asynchronous Javascript + XMLLa création de pages web dynamiques coté client
Ajax est seulement un nom donné à un ensemble de techniques préexistantes. Il dépend essentiellement de XMLHttpRequest, un objet coté client utilisable en JavaScript, qui est apparu avec Internet Explorer 4.0.
XMLHttpRequest a été conçu par Mozilla sur le modèle d'un objet ActiveX nommé XMLHTTP créé par Microsoft. Il s'est généralisé sur les navigateurs après que le nom Ajax ait été lancé par un article de J. J. Garrett.	Sommaire Pourquoi utiliser Ajax?
Comment cela fonctionne?
L'objet XMLHttpRequest
Construire une requête, pas à pas Créer une instance
Attendre la réponse
Faire la requête
Exemples de pages Ajax
Lire un texte
Lire dans un fichier XML
Ecrire dans la page
Envoyer un texte
Utiliser un fichier externe
Comment faire un site Ajax?
Inconvénients d'Ajax
Référence et ressources Pourquoi utiliser Ajax?
Ajax permet de modifier partiellement la page affichée par le navigateur pour la mettre à jour sans avoir à recharger la page entière.
Par exemple le contenu d'un champ de formulaire peut être changé, sans avoir à recharger la page avec le titre, les images, le menu, etc.
Ajax est une technique qui fait usage des éléments suivants:
HTML pour l'interface.
CSS (Cascading Style-Sheet) pour la présentation de la page.
JavaScript (EcmaScript) pour les traitements locaux, et DOM (Document Object Model) qui accède aux éléments de la page ou du formulaire ou aux éléments d'un fichier XML chargé sur le serveur.
L'objet XMLHttpRequest lit des données ou fichiers sur le serveur de façon asynchrone. PHP ou un autre langage de scripts peut être utilisé coté serveur.
Le terme "Asynchronous", asynchrone en français, signifie que l'exécution de JavaScript continue sans attendre la réponse du serveur qui sera traitée quand elle arrivera. Tandis qu'en mode synchrone, le navigateur serait gelé en attendant la réponse du serveur.
Dynamic HTML est aussi un ensemble de techniques, qui comprend: HTML, CSS, JavaScript.
Cela permet de modifier le contenu d'une page selon les commandes de l'utilisateur, à partir de données préalablement fournies ou avec un texte tapé par l'utilisateur.
Ajax est DHTML plus l'objet XHR pour communiquer avec le serveur. Comment cela fonctionne?
Pour recueillir des informations sur le serveur l'objet XHR dispose de deux méthodes:
open: établit une connexion.
send: envoie une requête au serveur.
Les données fournies par le serveur seront récupérées dans les champs de l'objet XMLHttpRequest:
responseXml pour un fichier XML ou respo