首页 > 解决方案 > 无法在 express.js 4.x 中获取特定路由中的表单数据

问题描述

我无法在特定路径中获取表单数据,但我可以在我的主 app.js 文件中进行控制台记录,但在路径中我收到未定义字段错误。

我已经尝试过使用 Express 解析打包和 body-parser 包,但它仍然给我错误:这是我的 App.js

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

这是我的路线:-

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

var jsonParse = bodyParser.json();
var formParse = bodyParser.urlencoded({ extended: false });

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

router.post('/deal', formParse, function(res, req, next){
  res.json(req.body.email)
})
module.exports = router;

这是我的 html 表单:-

<!DOCTYPE html>
<html>
    <body>
        <form action="/deal" method="POST">
            <input type="text" name="email" id="sad">
            <button type="submit">Send</button>
        </form>
    </body>
</html>

标签: node.jsexpressbody-parser

解决方案


尝试这个:

app.js中

替换这个:

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

有了这个:

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

并在indexrouter.js中 替换:

router.post('/deal', formParse, function(res, req, next){
  res.json(req.body.email)
})

有了这个:

router.post('/deal', function(res, req, next){
  res.json(req.body.email)
})

推荐阅读