XMLHttpRequest

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érentes utilisations que l'on peut en faire. Web 2.0, allez plus loin avec AJAX et XMLHttpRequest par siddh I - Introduction

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érentes utilisations que l'on peut en faire. I - Introduction II - L'objet XmlHttpRequest III - Utilisation IV - Aller plus

Asynchronous Javascript And XML (AJAX) Introduction Regroupe un ensemble de technologie Web utilis´es e conjointement (HTML, CSS, DOM, Javascript, XMLHttpRequest, XML) Permet la r´cup´ration de donn´es sur le serveur de mani`re e e e e asynchrone, sans interf´rer avec les donn´es dans la page e e courante (utilisation de l’objet XMLHttpRequest) Utilise comme format d’´change, XML, des fichiers textes et e aussi JSON 3/26 Asynchronous Javascript And XML (AJAX) Introduction Deux composants

faire de l'asynchrone ni du XML. Nous allons détailler les différentes possibilités fournies par AJAX dans ce document puis nous verrons comment interfacer tout cela avec PHP et une base MySQL. I-C. Fonctionnement AJAX est basé sur l'objet XMLHttpRequest qui permet de faire une requête via Javascript à un serveur HTTP. Le but est donc, comme dans le "Web 1.0", de faire une requête au serveur et d'en attendre le retour. Cependant, dans notre cas, le navigateur du client n'est pas nécessairement

script ► JavaScript Ajax Scripts responseHTML Page extensible Galerie d'images Ajax multi-sites Ressources Logiciels Lightbox Traductions English CSS HTML 5 Firefox Ajax et PHP, démonstration Ajax Tutoriel Ajax XMLHttpRequest Tutoriel JSON Ajax et PHP Frameworks Démos JavaScript Le langage PHP et la technologie Ajax sont combinés par les webmasters pour réaliser des applications Web aussi complètes que les applications locales. Ajax permet de créer une

versions de ce code sur le Web et dans nos articles, mais ne vous inquiétez pas, ils utilisent tous le même moteur ! function maFonctionAjax(unParametre,action) { var MonAjax; if (window.XMLHttpRequest) { // Mozilla, Safari, ... MonAjax = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE MonAjax = new ActiveXObject('Microsoft.XMLHTTP'); } else { alert("Votre navigateur n'est pas adapté pour faire des requêtes AJAX..."); MonAjax = false; } MonAjax.open('POST',"a.php",true);

plus sûr le développement. Les technologies comportent : • Le HTML dynamique, c’est-à-dire DOM (Document Object Model), ou modèle objet du document, et les CSS (Cascading Style Sheets), ou feuilles de style en cascade, combinés avec JavaScript. • XMLHttpRequest, l’objet JavaScript permettant d’effectuer des requêtes HTTP asynchrones vers le serveur. • JSON (JavaScript Object Notation), ou notation objet en JavaScript, ainsi que XML et les technologies associées, notamment XSLT et XPath. Les questions

éléments  de  la  page,  notamment  par  les  méthodes  getElementById  ou  getElementByName.  q Le  code  de  programmation  côté  serveur,  de  type  PHP  ou  ASP,  qui  permet  de  récupérer  des  informations  du  serveur comme l’objet XmlHttpRequest qui permet de contrôler l’interrogation des données du serveur.  q Les  données  en  retour  se  présentent  sous  la  forme  d’un  simple  fichier  texte  ou  JavaScript  ou  encore  XML  et  doivent être traitées par JavaScript pour apparaître convenablement sur la page

.................................................................................. 17 Ajax .................................................................................................................................................... 17 XMLHttpRequest ........................................................................................................................... 17 DWR ...............................................................................................................

Dans les 2 cas, si le serveur reçoit un GET conditionnel et détecte que la ressource n'a pas été modifiée, il doit alors renvoyer le code réponse : 304 Not Modified. 5.2 Ajax Ajax repose sur l'utilisation de la fonction JavaScript XMLHTTPRequest, qui permet à un navigateur web de générer une requête HTTP à partir d'un événement JavaScript, et ce de manière asynchrone. Cela permet de créer des interfaces web qui interrogent le côté serveur tout en continuant à répondre aux sollicitations