Formation interne Ajax, tutoriel requête AJAX document PDF.
I -Formation AJAX – Généralités
A –Définitions
B -Comment çà marche
1) Contrairement au fonctionnement habitue
2) En Ajax :
C -En pratique
D -Ce qui vous est proposé
II -L’objet XHR
A -Historique Avantages et inconvénients
B -création de l’objet
C -création de la requête
III -TUTORIEL AJAX – La requête
A -Création de la requête
B -exemple de requête simple
C -mode synchrone et asynchrone
IV -Ajax avec prototype
V -Ajax avec prototype et scriptaculous
VI -Ajax avec jQuery
VII -Ajax avec jQuery et jQuery_ui
Résumé sur cours Ajax
I – AJAX – Généralités
A – Définitions
Ajax est une technique qui fait usage des éléments suivants:
(X)HTML : pour la mise en page, CSS pour la présentation de la page.
Javascript pour les traitements locaux, et DOM (Document Object Model) qui accède 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. En mode synchrone, le navigateur serait gelé en attendant la réponse du serveur.A titre de bonus, voyez un effet CSS associé à un effet de script aculous en plaçant votre curseur au dessus du titre général « Formation interne à Ajax »…
B – Comment çà marche ?
1) Contrairement au fonctionnement habituel
on clique sur un lien, on envoie une requête au serveur celui-ci envoie une réponse au navigateur le navigateur affiche la page (entière) on est déconnecté du serveur.
2) en Ajax : Ajax utilise un modèle de programmation comprenant d’une part la présentation,d’autre part les évènements.
Les évènements sont les actions de l’utilisateur, qui provoquent l’appel des fonctions.
C – En pratique
Il faut se souvenir que les requêtes Ajax ne sont pas les seules à être envoyées par le navigateur vers un ou plusieurs serveurs, de façon transparente pour l’utilisateur et sans rechargement de la page :
C’est le cas des images, des feuilles de styles, des scripts externes… pour lesquels le navigateur va soumettre une requête au serveur concerné.
Toutefois, ces requêtes sont envoyées sans intervention de l’utilisateur et elles sont en nombre limité (par défaut : 10 simultanées dans I.E.)
Ceci explique parfois des temps de chargement longs pour une page si elle fait appel à de trop nombreux fichiers externes, en particulier à des images de grande taille…
Pour revenir à notre sujet, on utilisera surtout del' »AJAT » c’est à dire que la réponse du serveur sera envoyée sous forme texte et non sous la forme d’un document XML.
Ce texte contiendra le plus souvent du code XHTML avec ses balises de mise en forme, voire ses styles associés.
Pour mettre à jour la page, il suffit d’injecter la réponse de type texte dans la balise de destination (propriété innerHTML de la balise).
C’est d’ailleurs la méthode utilisée par les « frameworks » prototype et jQuery (pour ne citer qu’eux).
D – Ce qui vous est proposé :
La première partie de cette formation traite des mécanisme de base, du fonctionnement d’AJAX.
La deuxième partie présente l’utilisation de bibliothèques (« frameworks ») qui simplifient la programmation en encapsulant le travail de bas niveau et en offrant des possibilités très intéressantes pour le code Javascript. La première bibliothèque présentée est prototype.js.
La troisième partie montre des effets générés par la bibliothèque script aculous.js associée à prototype.
……..
