Facebook LinkedIn SourceForge Twitter RSS LastFM
logologo

MooTools : Soumettre un formulaire via AJAX

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

19 commentaires postés

clichy car
16/07/2019 10:50Posté par clichy car
Fonctionne très bien
best essay writing service
10/07/2019 20:01Posté par best essay writing service
Currently it appears like Expression Engine is the best blogging platform available right now.
(from what I've read) Is that what you are using on your blog?
Glamorous
24/06/2019 16:15Posté par Glamorous
merci pour le partage de ce script!
rachat auto
20/06/2019 18:44Posté par rachat auto
Merci pour le script
khalid idttalb
18/05/2019 03:06Posté par khalid idttalb
Search for your favorite mangas scans and scanlations online at Manga Reader. Read Manga Online - Absolutely Free, Updated Daily.
essay writing
28/04/2019 03:35Posté par essay writing
For the reason that the admin of this website is working, no uncertainty very quickly it will be renowned, due to its quality contents.
location voiture Marrakech
28/03/2019 11:03Posté par location voiture Marrakech
Location de voiture Marrakech pas cher , Découvrez nos offres et nos voiture de location au meilleur tarif sans plus attendre !
location voiture agadir
28/03/2019 11:02Posté par location voiture agadir
Location de voiture Agadir pas cher , Découvrez nos offres et nos voiture de location au meilleur tarif sans plus attendre !
______ _____
18/03/2019 17:36Posté par ______ _____
___ ____ ________ ___________ ________, ___________ _______
_ ______ ______ _ ______ ______.
_ ___ ____________ ___ __________ ___________: _________,
________, ___, _______ _ _________.
__ _______ __________ _ _ ________ ____________ ________,
_ _ ________ ______________.

_______________ ____________ _____ ___ ______ _______, ___
_ ________, ___________ _ ______ __________ _______ ______,
_ __________. __ ______ _
___________ __________ ______ ____________ _____ __________
_______. ___________ _______
_____ ________ ______ _ ______, _ ____
___________, ___ __ ______ ___________ _____
_ E-Ticket.
___ ______ _______ __ ___________
_____ _______________ _________ ________ _ ___________ _______.
__________ _______ _______ __ _______ _______.

__ _____ _____ ____________ _________ _____ ___________ _ ______.
___ _______ ________, _________, _______ ___ ___
______ _________ ________ _
_____ ________ ________.


___ _________ ______ ___________ _______ _____ ____________ _______.
__ _____ _______ _____________ __________
__ ____, ____, _____ ___________,
_ _____ __________ ________.


_________, _______ ________ _ _____ ______, _______________ __________ __ _____, _______ __ ______ ______ _ _____ _______.

______ _____ _____ ___________
_____ ______
18/03/2019 04:26Posté par _____ ______
___ ____ ________ ___________ ________, ___________ _______ _
______ ______ _ ______ ______.

_ ___ ____________ ___ __________ ___________: _________,

________, ___, _______ _ _________.
__ _______ __________ _ _ ________ ____________ ________,
_ _ ________ ______________.

_______________ ____________ _____ ___ ______
_______, ___ _ ________,
___________ _ ______ __________ _______ ______,
_ __________. __ ______ _
___________ __________ ______ ____________ _____ __________ _______.
___________ _______ _____ ________ ______ _ ______, _ ____
___________, ___ __ ______
___________ _____ _ E-Ticket.
___ ______ _______ __ ___________
_____ _______________ _________ ________
_ ___________ _______. __________ _______ _______ __ _______ _______.

__ _____ _____ ____________ _________ _____ ___________ _ ______.
___ _______ ________, _________, _______
___ ___ ______ _________ ________
_
_____ ________ ________.

___ _________ ______ ___________ _______ _____ ____________ _______.

__ _____ _______ _____________
__________ __ ____, ____, _____ ___________,

_ _____ __________ ________.
_________, _______ ________ _ _____ ______, _______________ __________ __ _____, _______
__ ______ ______ _ _____ _______.

_____ ______ ______ ______ ______
kamagra 100 without prescription
05/03/2019 05:46Posté par kamagra 100 without prescription
I was suggested this web site by means of my cousin. I'm now not certain whether or not this submit
is written via him as nobody else realize such certain approximately my
problem. You are amazing! Thanks!
Cialis
15/02/2019 06:14Posté par Cialis
We're a gaggle of volunteers and opening a brand new scheme in our
community. Your web site provided us with useful info to work on. You've done an impressive job and our whole neighborhood
shall be thankful to you.
zakaria
06/02/2019 15:48Posté par zakaria
Mangas Animes en streaming VF et VOSTFR, Mangas, Dessins Animés, Dramas, Streaming, Mangas Streaming vf, Streaming Mangas, Mangas 2018, top 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