Paramètres : Ajax.Updater(conteneur, url, [{options}])
Rôle : crée une requête ajax et rafraichit le contenu d'un element HTML avec le flux retourné
Retourne : objet ajax
Note :
Attention ! Si le fichier "prototype.js" est chargé sur le nom de domaine "monsite1.com",
l'objet Ajax ne pourra faire appel qu'à des fichiers situé sur le même nom de domaine !!!
Options : asynchronous:true | false Définit si la requête doit être gérée de manière synchrone ou asynchrone. De façon synchrone, le script va rester bloqué jusqu'à ce que la réponse arrive. Tandis qu'en asynchrone, le script suit son cours et la fonction onSuccess sera appelée une fois la requête reçue. method:'get' | 'post' Type de méthode d'envoi. parameters:'var1=val1'val2=var2' Valeurs à envoyer en argument de la requête via la méthode get. postBody:'var1=val1'val2=var2' Valeurs à envoyer en argument de la requête via la méthode post. onSuccess:function(t) Fonction à effectuer après réponse positive de la requête. t est l'objet XMLHttpRequest. on404:function(t) Fonction à effectuer en cas d'erreur 404 (page introuvable). onFailure:function(t) Fonction à effectuer en cas d'échec de la requête. onComplete:function(t) Fonction à effectuer un fois que le contenu est inséré dans le conteneur evalScripts:false | true Évalue les scripts qui pourraient être inclus dans la réponse. insertion:Insertion.Before | Insertion.After | Insertion.Top | Insertion.Bottom permet d'insérer le contenu retourné à un endroit relatif à l'élément HTML cible1exemple 1 | exemple 2
On créé un objet Ajax, on appel l'url "flux01.php" et on affiche le flux retourné par le fichier "flux01.php" directement au dessus du calque.
Après affichage du contenu, une fonction spécifique est appelée afin d'afficher le message "Youpi!"
function tester()
{
elementHTML = document.getElementById('div_1');
var url = "flux01.php";
o_options = new Object();
o_options = {method: 'get',insertion:Insertion.Before,onComplete:afficherYoupi};
var laRequete = new Ajax.Updater(elementHTML,url,o_options);
function afficherYoupi()
{
alert("Youpi!");
}
}