如何从 Express (Node.js) 中的表单获取数据

Question

我想使用表单获取从页面传递的数据，并在重定向的页面中使用该数据。

我的客户端有这个表格：

<form action="game" method="get">
    <input type="text" name="name"/>
    <input type="submit" />
</form>

我的服务器中有这个脚本：

app.get('/game',function(req,res){
    res.sendfile(__dirname + '/game.html'); 
});

Answer 1

重要提示：已弃用，accepted answer 是正确的解决方案。

---

为了让 express 能够很好地处理表单数据，您需要确保包含 bodyParser，如下所示：

var express = require('express'),
    app = express.createServer();

app.use(express.bodyParser());
//the rest of your configuration

然后在您的 POST 处理程序中，您可以通过 Request.body 属性访问表单正文，如下所示：

app.post('/game', function (req, res) {
    res.render('some-file', { name: req.body.name });
});

如果您打算在响应中输出表单数据，您还需要使用模板引擎（例如 Jade）。

Answer 2

如果您需要访问视图中的变量名称，您应该使用res.render 函数并传递变量，如下所示：

res.render('game', {
    name: req.body.name
}

然后在玉做

div!= name

Answer 3

使用bodyParser.urlencoded() 中间件：

const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }));

然后表单值将在 req.body 上：

app.post('/game', function (req, res) {
    res.render('the_template', { name: req.body.name });
});

设置{ extended: true } 允许bodyParser 接受表单数据中的json 类数据，包括嵌套对象。例如{ person: { name: Adam } } 使用 javascript 发送，而不是传统 HTML 表单发送的名称值对。如果不需要，可以将扩展值设置为 false。不定义扩展选项（即使用默认设置）显然已被弃用，他们似乎希望您决定是否需要嵌套选项或纯名称值对。

如果您希望能够在 express 服务器中解析某些路由的表单数据和其他路由的 json 数据，您可以使用：

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: <true|false> }))

urlencoded() 用于 x-www-form-urlencoded 内容类型

• true - 用于嵌套数据结构
• false - 用于名称值对

json() - 用于应用程序/json 内容类型

注意form/multipart需要不同的body解析器（比如multer）

更新：修复 ExpressJS 关于 Body-Parser 被弃用的错误

替换

app.use(bodyparser.json()); //utilizes the body-parser package
app.use(bodyParser.urlencoded({extended: true}));

由

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

Answer 4

或者您可以简单地使用 express 来执行此操作：

   const express = require('express')
   const app = express()

   app.use(express.json()) // for json
   app.use(express.urlencoded({ extended: true })) // for form data