Facebook LinkedIn SourceForge Twitter RSS LastFM
logologo

MooTools : Soumettre un formulaire via AJAX

Geoffray Warnants|25/07/2008|14 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

14 commentaires postés

hjrben
06/06/2018 17:00Posté par hjrben
Villa d'hôtes agadir, Luxueuse suites frôlant les montagnes et l?Atlantique d?Agadir à 15 min du centre-ville.
abde
06/06/2018 13:35Posté par abde
villa luxe agadir, chambres et suites luxueuses décorées avec goût selon des lignes épurées favorisant le repos et le bien-être de ses hôtes.
abde
18/05/2018 18:58Posté par abde
Mangas Animes en streaming VF et VOSTFR, Mangas, Dessins Animés, Dramas, Streaming, Mangas Streaming vf, Streaming Mangas, Mangas 2018, top animes

vf scan
20/03/2018 12:55Posté par vf scan

Lisez vos scans et mangas préférés en ligne sur vf-scan.com.
Lire Manga en ligne, chapitre absolument gratuit et mis à jour

quotidiennement.
Enfant en retard : Tout sur le retard de développement chez l?en
Certains enfants ont un retard de développement par rapport à leur âge chronologique comme un retard de langage, Retard de pousse dentaire et Retard de premier pas etc? c?est pour cela qu?il faut consulter un pédiatre ou orthophoniste selon la situation de l?enfant afin de faire face à ce retard.
Forges
01/03/2018 12:06Posté par Forges
Boutique en ligne officielle de Montres de Luxe et bijoux, les plus grandes marques suisse disponible. Joaillerie & Horlogerie depuis 1892
Mes bijoux
01/03/2018 12:05Posté par Mes bijoux
Large choix de Montres et bijoux à des prix exceptionnel. Bijoux Swarovski, Or, Argent, Céramique et montres Casio, Daniel Wellington, Junkers, Diesel ...
stage de code
16/05/2017 11:17Posté par stage de code
Excellent travail, tous les détails et bien écrit, je vous remercie!
bons plans seniors
05/05/2017 10:26Posté par bons plans seniors
Merci pour cet article très intéressant!
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