Cours ajax nouvelles technologies du WEB

Télécharger cours Ajax nouvelles technologies du WEB, tutoriel Ajax document en PDF.

Application traditionnelle
-Application WEB traditionnelle
-Le client envoie une requête HTTP
-Le serveur renvoie une page
Application traditionnelle
-Inconvénients :
-Consommation inutile de la bande passante :
-Une grande partie du code est commun aux différentes pages. Le navigateur gère un cache mais pas pour des parties d’un fichier HTML
-Le chargement d’une nouvelle page n’est pas ergonomique :
-Délai variable pendant lequel la page n’est pas affichée ou seulement partiellement
– A comparer à une application traditionnelle

Pourquoi AJAX

-Nécessité de communication entre client et serveur
-Volonté de ne pas perdre de bande passante
-Principe de base :
-Javascript émet des requêtes vers le serveur
-Le serveur répond avec uniquement les informations demandées
-Javascript traite les données reçues et modifie la page si nécessaire
-Tout se passe sans rechargement de la page
= AJAX / Asynchronous Javascript and XML
Exemple d’utilisation
-Auto complétion dur un moteur de recherche :
-L’utilisateur commence à taper « xxx »
-La liste des requêtes possibles s’affiche
Exemple d’utilisation
– Moteur de recherche :
-L’utilisateur commence à taper « xxx »
-Javascript récupère le « xxx »
-Puis demande au serveur les recherches fréquentes commençant par « xxx »
-Et affiche la réponse du serveur
-Il faut juste écrire la fonction getAnswers()
-Le tout prend moins d’une seconde, c’est transparent pour l’utilisateur