Node.js – soumettre le formulaire

J’utilise node.js et express. Lorsque j’appuie sur le bouton (btnSend), je souhaite envoyer des données à node.js par express (sans actualiser la page) Comment envoyer des données avec jQuery?

Username:

Voici un aperçu de ce à quoi votre jQuery devrait ressembler:

 $("form").submit(function(e) { e.preventDefault(); // Prevents the page from refreshing var $this = $(this); // `this` refers to the current form element $.post( $this.attr("action"), // Gets the URL to sent the post to $this.serialize(), // Serializes form data in standard format function(data) { /** code to handle response **/ }, "json" // The format the response should be in ); }); 

Cet extrait de code recherche tous les éléments de formulaire sur la page et écoute leur événement d’envoi. Un formulaire peut être soumis de différentes façons (par exemple, en cliquant sur un bouton d’envoi, en appuyant sur entrée, etc.), il est donc préférable d’écouter les événements soumis directement au lieu de les écouter avec les touches de soumission. .

Lorsqu’un événement submit se produit, le code ci-dessus empêche tout d’abord les actions du navigateur par défaut (qui actualise notamment la page) en appelant e.preventDefault . Il utilise ensuite $ .post pour envoyer les données du formulaire à l’URL spécifiée dans l’atsortingbut action. Notez que $.fn.serialize est utilisé pour sérialiser les données de formulaire dans un format standard.

Votre code express devrait ressembler à ceci:

 var express = require('express') , app = express.createServer(); app.use(express.bodyParser()); // Automatically parses form data app.post('/Send', function(req, res){ // Specifies which URL to listen for // req.body -- contains form data }); app.listen(3000); 

La documentation sur express.bodyParser est un peu clairsemée, mais après un peu de code, elle semble utiliser une chaîne de requête sous la couverture.

J’espère que cela t’aides!