Formation AJAX avec prototype

Formation AJAX avec prototype, tutoriel & guide de travaux pratiques en pdf.

Fonctions callbacks

Les callbacks représentent différents points du cycle d’exécution d’une requête. Il est possible d’associer du code
à ces étapes. Pour la liste complète des callbacks : la documentation officielle ou la traduction sur developpez.com (v1.4.0). Il faut être prudent en les utilisant car certains sont implémentés différemment suivant les navigateurs.
Les deux callbacks qui sont le plus couramment utilisés sont « onSuccess » et « onFailure ». Les deux sont invoqués quand une requête est terminée. onSuccess si le code d’état de la requête est entre 200 et 299, onFailure sinon.
Ils reçoivent deux paramètres :
– L’objet XHR (souvent appelé « transport ») ;
– L’évaluation JSON de la réponse si réception d’un en-tête X-JSON, null sinon.

L’objet Request

• Ajax.Request(url[, options]) • Objet de base pour traiter les requêtes AJAX : instancie un objet XHR, envoie la requête au serveur et reçoit sa réponse. Il vous laisse indiquer quoi demander et quoi faire de la réponse. • Paramètres : URL de la page à interroger et liste optionnelle des options.

L’objet Updater

• Ajax.Updater(container, url[, options]) • Effectue les mêmes opérations que Request puis met à jour le contenu d’un élément de la page avec les données TEXTE reçues (celles contenues dans responseText). • Paramètres : identifiant de l’élément DOM à mettre à jour, URL de la page à interroger et liste optionnelle des options. En plus des options décrites plus haut .Il est possible de mettre à jour un élément DOM suivant l’état de la réponse : • Updater(‘monDiv’…) : c’est toujours l’élément monDiv qui est concerné ; • Updater({ success: ‘monDiv’ }…) : l’élément monDiv n’est mis à jour qu’en cas de réussite de la requête ; • Updater({ success: ‘monDiv’, failure: ‘monAutreDiv’ }…) : le texte de la réponse sera affiché dans l’élément monDiv en cas de réussite ou dans l’élément monAutreDiv en cas d’échec.