Use a Client-Side JavaScript Technology Library

Ajax

AJAX
Asynchronous Javascript and XML
La page n’est pas rechargée
Rafraîchissement partiel
La page web est traitée comme un template
Asynchrone
Le client peut continuer à interagir en attente de la réponse
Utilisation
Validation par le serveur des données d’un formulaire en temps réel
Auto-complétion
Préchargement à la demande.
Contrôles et effets sophistiquées dans les interfaces usager sans rechargement
des pages
progress bar, calendriers, arbres…
Rafraîchissement des données et mode « push » par le serveur
Soumission partielle sans rechargement de la page: listes de formulaires
dépendants.
Mashups
obtenir et intégrer des données provenant de plusieurs sources.
Page == application qui s’approche d’une application desktop.

Technologies utilisées par Ajax
Cascading Style Sheets (CSS)
Un langage de balises pour définir le style de présentation d’une page,
e.g. polices, couleurs....
JavaScript
Élément clé : l’objet XMLHttpRequest utilisé pour échanger des
données entre le client web et le serveur web
Document Object Model (DOM)
Fournit une vue logique de la page web sous forme d’arbre
XML
Format d’échange de données entre le serveur web et le client
D’autres formats peuvent aussi être utilisés
•Par exemple, HTML, JavaScript Object Notation (JSON), ou texte simple.

Fonctionnement

Ajax et Javascript