解析来自Node js + handlebars的POST请求 [英] Parse POST request from Node js + handlebars

查看:87
本文介绍了解析来自Node js + handlebars的POST请求的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我一直在尝试使用带有把手视图引擎的Node.js解析POST请求中的参数.请求以某种方式无法解析参数,我认为问题出在配置app.js.但是我不知道该如何解决.

I have been trying to parse the parameters from a POST request with Node.js with handlebars view engine. Somehow the request cannot parse the parameters, in which I think the issue is from configuring app.js. But I couldn't figure out how to fix it.

这是HTML表单

<!DOCTYPE html>
<html>
    <head>
    </head>

    <body>
        <form action="/add/complete" method="POST">
            <input type="text" name="name" placeholder="Add your kitten name here" />
            <input type="submit" value="Submit" />
        </form>
    </body>
</html>

路由器

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res) {
    res.render('index', { title: 'Express' });
});

router.get('/add', function(req, res) {
    res.render('add', {});
});

router.get('/meow_response', function(req, res) {
    res.render('meow_response', {});
});

router.post('/add/complete', function(req, res) {
    // var Kitten = req.Kitten;
    console.log(req.body); // PROBLEM: it returns empty, while I expect req.body
    res.redirect('/meow_response');
});

module.exports = router;

还有app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var hbs = require('hbs');

var app = express();
hbs.localsAsTemplateData(app);
app.locals.foo = "bar";

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');
app.engine('html', require('hbs').__express);

var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/test');

var db = mongoose.connection;
db.on('error', console.error.bind(console, 'connection error:'));
db.once('open', function (callback) {
  // yay!
});

var routes = require('./routes/routes');
app.use('/', routes);

var kittySchema = mongoose.Schema({
    name: String
});

kittySchema.methods.speak = function() {
    var greeting = this.name ? "Meow name is" + this.name : "I don't have a name";
    console.log(greeting);
}

var Kitten = mongoose.model('Kitten', kittySchema);

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use(function(req, res, next) {
    req.Kitten = Kitten;
    next();
});


// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});


module.exports = app;

推荐答案

向Express应用添加路由和/或中间件的顺序很重要.因此,请在使用bodyParser.*中间件之后移动app.use('/', routes);.

The order in which you add routes and/or middleware to your Express app matters. So move app.use('/', routes); after your bodyParser.* middleware usage.

这篇关于解析来自Node js + handlebars的POST请求的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆