Facebook LinkedIn SourceForge Twitter RSS LastFM
logologo

MooTools : Soumettre un formulaire via AJAX

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

Barney
19/03/2021 16:34Posté par Barney
My partner and I stumbled over here by a different web address
and thought I should check things out. I like what I see so now i am following you.
Look forward to looking at your web page repeatedly.
El?na William
14/01/2021 07:31Posté par El?na William
Si je comprends bien, il faut suivre ? la lettre ce formulaire pour avoir un bon r?sultat. Je me demande si vous avez un autre langage de programmation pour faciliter les choses. Merci d?avance.
Solenn Roussel
31/10/2020 17:30Posté par Solenn Roussel
Donc, ça fonctionne très bien. Je vais de ce pas l?essayer. De plus, c?est assez intéressant de pouvoir soumettre de manière très simple et de manière asynchrone des formulaires. Merci beaucoup pour ce partage.
acne removal cream medicated
18/07/2020 16:31Posté par acne removal cream medicated
Howdy! Do you know if they make any plugins
to assist with Search Engine Optimization? I'm trying to get my blog to rank
for some targeted keywords but I'm not seeing very good
success. If you know of any please share. Kudos!

acne removal cream medicated
acne removal cream medicated
smoking kratom resin
31/05/2020 08:51Posté par smoking kratom resin
Hurrah, that's what I was searching for, what a material!
existing here at this blog, thanks admin of this web site.

hernia inguinal disfuncion erectil
clichy
16/07/2019 10:50Posté par clichy
Fonctionne très bien
Glamorous
24/06/2019 16:15Posté par Glamorous
merci pour le partage de ce script!
auto
20/06/2019 18:44Posté par auto
Merci pour le script
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