Comment accéder aux champs du formulaire POST

Question

Voici mon formulaire simple :

<form id="loginformA" action="userlogin" method="post">
    <div>
        <label for="email">Email: </label>
        <input type="text" id="email" name="email"></input>
    </div>
<input type="submit" value="Submit"></input>
</form>

Voici mon Express.js /Node.js code :

app.post('/userlogin', function(sReq, sRes){    
    var email = sReq.query.email.;   
}

J'ai essayé sReq.query.email o sReq.query['email'] o sReq.params['email'] etc. Aucun d'entre eux ne fonctionne. Elles renvoient toutes undefined .

Lorsque je passe à un appel Get, cela fonctionne, donc une idée ?

Answer 1

Les choses ont modifié en commençant une fois de plus Express 4.16.0 vous pouvez maintenant utiliser express.json() y express.urlencoded() comme dans Express 3.0 .

C'était différents démarrage Express 4.0 à 4.15 :

$ npm install --save body-parser

et ensuite :

var bodyParser = require('body-parser')
app.use( bodyParser.json() );       // to support JSON-encoded bodies
app.use(bodyParser.urlencoded({     // to support URL-encoded bodies
  extended: true
})); 

Le reste est comme dans Express 3.0 :

Tout d'abord, vous devez ajouter un intergiciel pour analyser les données post du corps.

Ajoutez l'une ou les deux lignes de code suivantes :

app.use(express.json());       // to support JSON-encoded bodies
app.use(express.urlencoded()); // to support URL-encoded bodies

Ensuite, dans votre gestionnaire, utilisez la fonction req.body objet :

// assuming POST: name=foo&color=red            <-- URL encoding
//
// or       POST: {"name":"foo","color":"red"}  <-- JSON encoding

app.post('/test-page', function(req, res) {
    var name = req.body.name,
        color = req.body.color;
    // ...
});

---

Notez que l'utilisation de express.bodyParser() n'est pas recommandé.

app.use(express.bodyParser());

...est équivalent à :

app.use(express.json());
app.use(express.urlencoded());
app.use(express.multipart());

Des problèmes de sécurité existent avec express.multipart() Il est donc préférable d'ajouter explicitement la prise en charge du ou des types d'encodage spécifiques dont vous avez besoin. Si vous avez besoin d'un encodage multipart (pour supporter le téléchargement de fichiers par exemple), vous devez alors lisez ceci .

Answer 2

Problème de sécurité avec express.bodyParser()

Alors que toutes les autres réponses recommandent actuellement d'utiliser le express.bodyParser() il s'agit en fait d'une enveloppe autour de l'application express.json() , express.urlencoded() y express.multipart() les intergiciels ( http://expressjs.com/api.html#bodyParser ). L'analyse des corps de demande de formulaire est effectuée par la fonction express.urlencoded() et c'est tout ce dont vous avez besoin pour exposer les données de votre formulaire à l'Internet. req.body objet.

En raison d'un problème de sécurité avec comment express.multipart() / connect.multipart() crée des fichiers temporaires pour tous les fichiers téléchargés (et ne font pas l'objet d'un ramassage). recommandé de ne pas utiliser le express.bodyParser() mais n'utilisez que les logiciels intermédiaires dont vous avez besoin.

Note : connect.bodyParser() sera bientôt mis à jour pour n'inclure que urlencoded y json lorsque Connect 3.0 sera publié (qui prolonge Express).

---

Donc, en résumé, au lieu de ...

app.use(express.bodyParser());

...vous devriez utiliser

app.use(express.urlencoded());
app.use(express.json());      // if needed

et si/quand vous devez gérer des formulaires multipartites (téléchargements de fichiers), utilisez une bibliothèque ou un intergiciel tiers tel que multiparty, busboy, dicer, etc.

Answer 3

Note Cette réponse concerne l'Express 2. Voir aquí pour Express 3.

Si vous utilisez connect/express, vous devez utiliser l'option intergiciel bodyParser : C'est décrit dans le Guide Expressjs .

// example using express.js:
var express = require('express')
  , app = express.createServer();
app.use(express.bodyParser());
app.post('/', function(req, res){
  var email = req.param('email', null);  // second parameter is default
});

Voici la version originale en connexion seule :

// example using just connect
var connect = require('connect');
var url = require('url');
var qs = require('qs');
var server = connect(
  connect.bodyParser(),
  connect.router(function(app) {
    app.post('/userlogin', function(req, res) {
      // the bodyParser puts the parsed request in req.body.
      var parsedUrl = qs.parse(url.parse(req.url).query);
      var email = parsedUrl.email || req.body.email;;
    });
  })
);

La chaîne de requête et le corps sont analysés à l'aide de la fonction Gestion des paramètres à la manière de Rails ( qs ) plutôt que le de bas niveau querystring bibliothèque . Afin d'analyser les paramètres répétés avec qs le paramètre doit avoir des parenthèses : name[]=val1&name[]=val2 . Il supporte également les cartes imbriquées. En plus d'analyser les soumissions de formulaires HTML, le bodyParser peut analyser automatiquement les requêtes JSON.

Modifier : Je me suis renseigné sur express.js et j'ai modifié ma réponse pour qu'elle soit plus naturelle pour les utilisateurs d'Express.

Answer 4

Note pour les utilisateurs d'Express 4 :

Si vous essayez de mettre app.use(express.bodyParser()); dans votre application, vous obtiendrez l'erreur suivante lorsque vous tenterez de démarrer votre serveur Express :

Erreur : La plupart des intergiciels (comme bodyParser) ne sont plus fournis avec Express et doivent être installés séparément. Veuillez consulter https://github.com/senchalabs/connect#middleware .

Vous devrez installer le paquet body-parser séparément à partir de npm puis utilisez quelque chose comme ce qui suit (exemple tiré de la page GitHub ):

var express    = require('express');
var bodyParser = require('body-parser');

var app = express();

app.use(bodyParser());

app.use(function (req, res, next) {
  console.log(req.body) // populated!
  next();
})

Answer 5

Sous une certaine forme :

<form action='/somepath' method='post'>
   <input type='text' name='name'></input>
</form>

Utilisation de l'express

app.post('/somepath', function(req, res) {

    console.log(JSON.stringify(req.body));

    console.log('req.body.name', req.body['name']);
});

Sortie :

{"name":"x","description":"x"}
req.param.name x