Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Node.js/Express form post req.body not working

I'm using express and having trouble getting form data from the bodyParser. No matter what I do it always comes up as an empty object. Here is my express generated app.js code (the only thing I added was the app.post route at the bottom):

var express = require('express');

var app = module.exports = express.createServer();

// Configuration

app.configure(function(){
    app.set('views', __dirname + '/views');
    app.set('view engine', 'jade');
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(app.router);
    app.use(express.static(__dirname + '/public'));
});

app.configure('development', function(){
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); 
});

app.configure('production', function(){
    app.use(express.errorHandler()); 
});

// Routes

app.get('/', function(req, res){
    res.sendfile('./public/index.html');
});

app.post('/', function(req, res){
    console.log(req.body);
    res.sendfile('./public/index.html');
});

app.listen(3010);

Here is my HTML form:

<!doctype html>
<html>
  <body>
<form id="myform" action="/" method="post" enctype="application/x-www-form-urlencoded">
  <input type="text" id="mytext" />
  <input type="submit" id="mysubmit" />
</form>
  </body>
</html>

When I submit the form, req.body is an empty object {}

Its worth noting that this happens even if I remove the enctype attribute from the form tag

...Is there something I am missing/doing wrong?

I am using node v0.4.11 and express v2.4.6

like image 936
binarymax Avatar asked Sep 22 '11 22:09

binarymax


2 Answers

<form id="myform" action="/" method="post" enctype="application/x-www-form-urlencoded">
  <input type="text" name="I_appear_in_req_body" id="mytext" />
  <input type="submit" id="mysubmit" />
</form>

The body of a HTTP post is a key/value hash of all the form controls with a name attribute, and the value is the value of the control.

You need to give names to all your inputs.

like image 122
Raynos Avatar answered Nov 18 '22 11:11

Raynos


It also due to content type. please see console.log(req) object.

'content-type': 'application/json; charset=UTF-8’  // valid.

'content-type': 'application/JSON; charset=UTF-8’  // invalid & req.body would empty object {}.

To check content type by console.log(req.is('json')) // return true/false

I think 'charset=UTF-8' is negligible in above.

like image 3
2 revs, 2 users 84% Avatar answered Nov 18 '22 12:11

2 revs, 2 users 84%