Programmation Web Avanc´e e AJAX
Thierry Hamon
Bureau H202 - Institut Galil´e e T´l. : 33 1.48.38.35.53 e Bureau 150 – LIM&BIO – EA 3969 Universit´ Paris 13 - UFR L´onard de Vinci e e 74, rue Marcel Cachin, F-93017 Bobigny cedex T´l. : 33 1.48.38.73.07, Fax. : 33 1.48.38.73.55 e thierry.hamon@univ-paris13.fr http://www-limbio.smbh.univ-paris13.fr/membres/hamon/

1/26

Asynchronous Javascript And XML (AJAX)
Introduction

Introduit en 2005 par Jesse James Garrett Applications Web avec interface utilisateur D´portation d’une partie des traitements li´s ` l’interface du e e a code cot´ client e
R´duction des ressources utilis´es cot´ serveur e e e Economie de bande passante

Exemple d’application Web AJAX :
Google Mail, Maps, Earth, etc. Liste de suggestions automatiques Traitement de texte

2/26

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 (Application Web Classique) : Serveur (impl´mentation JAVA ou PHP par exemple) e
Contrˆle g´n´ral de l’application o e e Propose des ressources statiques : Mod`le du document, e biblioth`que de scripts, feuilles de style e Traitement dynamique des donn´es e Composition dynamique de l’interface

Client (impl´mentation Javascript par exemple) e
Gestion des ´v`nements utilisateur e e Composition dynamique de l’interface

Dialogue : HTTP, (X)HTML

4/26

Asynchronous Javascript And XML (AJAX)
Introduction

Deux composants (Application Web AJAX) : Serveur (impl´mentation JAVA ou PHP par exemple) e
Contrˆle g´n´ral de l’application o e e Propose des