传递表单数据在Express / Node.js中不起作用

时间:2015-07-12 19:33:53

标签: javascript node.js forms express

很抱歉,如果这是一个补救问题,或者是一个明显的错误,但这是我的第一个Node项目。

Essencailly我需要做的是获取一行文本,用户将输入到前端的表单中。不幸的是,无论我做什么结果日志'undefined'。我不知所措。我将在下面发布完整的代码,但是给我带来麻烦的部分是:

app.get('/test', function(req, res){
    res.render('test');
});

app.post('/test',function(req,res){
    console.log(req.body); 
});

'/ test'路由只是暂时来测试获取表单响应(如果由于某种原因不明显)。

我的完整HTML文件如下所示:

<!DOCTYPE HTML>
<head></head>
<body>
    <form id="myform" action="/test" method="post" enctype="application/x-www-form-urlencoded">
        <input type="text" name="name" id="mytext" />
        <input type="submit" id="mysubmit" />
    </form>
</body>

非常感谢任何想法/帮助。

这是完整的app.js文件

var app = require('express')();
var http = require('http').Server(app);
var exphbs  = require('express-handlebars');
var twitter = require('./twitter.js');
var hue = require("./hue_control.js");

//Variable that control Twitter Calls
var api = 'statuses/filter';
var params = {slug:'test', owner_screen_name: 'REDACTED', skip_status: true};
var values = {};

app.engine('handlebars', exphbs({defaultLayout: 'main'}));
app.set('view engine', 'handlebars');

hue.activate();
twitter.tweetStream(api, params, values);

app.get('/test', function(req, res){
    res.render('test');
});

app.post('/test',function(req,res){
    console.log(req.body); //you will get your data in this as object.
    console.log(req.is('json'));
});

app.get('/', function(req, res){
    res.render('tweets');
});

app.get('/tweets', function(req, res){
    res.render('home', {   
        profileImg: values.profileImg,
        userName: values.userName,
        screenName: values.screenName,
        text: values.text,
        timeStamp: values.timeStamp,        
        tweetScore: values.tweetScore
    });
});



//app.get('/tweets', function(req, res)

http.listen(3000, function(){
    console.log('listening on *:3000');
});

2 个答案:

答案 0 :(得分:3)

我认为您在快速应用程序中缺少 bodyParser 中间件,这就是req.body未定义的原因。

如果您使用的是Express 3.x,只需使用以下行。 BodyParser曾经与Express 4.0之前的版本捆绑在一起

app.use(express.bodyParser());

如果您使用的是Express 4.x,则需要明确要求身体解析器模块

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

然后在您的应用中使用

app.use(bodyParser());

其余的代码似乎没问题。

答案 1 :(得分:1)

您需要使用body-parser

粗略地说,这就是你所需要的:

var app = require('express')();
var http = require('http').Server(app);
...
var bodyParser = require('body-parser')

app.use(bodyParser.urlencoded({ extended: false }));
...