Facebook LinkedIn SourceForge Twitter RSS LastFM
logologo

MooTools : Soumettre un formulaire via AJAX

Geoffray Warnants|25/07/2008|16 commentaires

MooTools 1.1 permettait de soumettre très simplement nos formulaires de manière asynchrone. La méthode send() de l'objet Form se chargeait de tout : Détection des attributs method et action du formulaire, envoi de toutes les données du formulaire via AJAX, réception de la réponse du serveur et même la possibilité de mettre à jour la page HTML avec le contenu ainsi reçu. On ne pouvait rêver plus simple, les fainéants comme moi s'en trouvaient ravis.
$('myForm').addEvent('submit', function(e) {
    new Event(e).stop();
    this.send({
        update: $('ajax_response')
    });
});
Depuis MooTools 1.2, à moins que je n'ai loupé une étape, il est nécessaire de passer par un objet Request qu'il faut initialiser soi-même pour reproduire le même comportement.
$('myForm').addEvent('submit', function(e) {
    new Event(e).stop();
    new Request({
        method: this.method,
        url: this.action,
        onSuccess: function(responseText, responseXML) {
            $('ajax_response').setHTML(responseText);
        }
    }).send(this.toQueryString());
});

<<< Retour

Vos commentaires

8 commentaires postés

Lamis Harbi
11/10/2018 12:08Posté par Lamis Harbi
Bonjour,

Etes-vous intéressé d'échanger un lien entrant vers votre site?

Nous sommes Réseau De Développement Tourisme Rural (Rdtr) Maroctourisme rural maroc

Tourisme vert au Maroc, découvrez les offres et les maisons d'hôtes
de la Région Souss-Massa-Drâa en matière de tourisme vert et de tourisme rural !
Voyagez autrement avec le Réseau de Développement Touristique Rural au Maroc.
manga-reader
21/07/2018 15:06Posté par manga-reader
Pour tous ce qui admire lire les BD, notre site : vf-scan.com vous propose de nouveaux de vos meilleurs animes en ligne & gratuitement !
Soyez les premiers à publier les nouveaux chapitres de vos scans.
Rester avec nous et bénéficier d'une mise à jour quotidienne en lisant et téléchargeant vos mangas.
stage de code
16/05/2017 11:17Posté par stage de code
Excellent travail, tous les détails et bien écrit, je vous remercie!
jozzy-online
01/03/2010 21:48Posté par jozzy-online
besoin de vérifier :)
Abdelkader Elkalidi
04/11/2009 02:42Posté par Abdelkader Elkalidi
@M
Pas moyen de passer des fichiers dans une requete XHR, une iframe ou un uploader flash est une bonne alternative, l'exellent "FancyUpload" par exemple
JBG
14/10/2009 19:20Posté par JBG
@M : il faut utiliser l'enctype adhoc :
<form ... ENCTYPE = "multipart/form-data" ...>
</form>
M
23/09/2009 13:12Posté par M
salut,

dis, j'ai appliqué ta technique (qui fonctionne très bien pour de simple "post")

Mais j'ai voulu appliquer ceci à  l'upload de fichier, mais il me reconnait pas le $_FILES dans mon script PHP qui traite la requete :)
Fab
10/09/2008 08:36Posté par Fab
Ou aussi :
myForm.set('send', {url: 'contact.php', method: 'get'});
myForm.send();

Réagir à cet article

*


(Ne sera pas publiée, servira uniquement à afficher votre gravatar)


(Lien en dur et dofollow)

zend framework