在 Node.js 的 Express 框架中，自定义中间件来处理 POST 请求中的表单数据

2024-02-04 05:06:32

前言

Express.js 是一个用于构建 Node.js web 应用程序的流行框架。它提供了一系列强大的功能，包括中间件支持。中间件是一种在请求到达最终处理程序之前对请求进行处理的函数。这使得我们可以在请求的处理过程中执行一些通用任务，例如记录请求信息、验证请求参数或解析请求体。

在本文中，我们将创建一个自定义中间件来处理 POST 请求中提交的表单数据。我们将模拟类似 express.urlencoded 这样的中间件，以便我们可以轻松地从请求体中提取表单数据。

模拟 express.urlencoded 中间件

要模拟 express.urlencoded 中间件，我们需要做的就是创建一个新的中间件函数。该函数将接收三个参数：

req：代表请求对象
res：代表响应对象
next：是一个回调函数，用于将请求传递给下一个中间件或处理程序

以下是自定义中间件的代码：

const express = require('express');

const app = express();

// 自定义中间件
app.use(function (req, res, next) {
  // 检查请求方法是否为 POST
  if (req.method === 'POST') {
    // 检查请求头是否包含 "content-type" 为 "application/x-www-form-urlencoded"
    if (req.headers['content-type'] === 'application/x-www-form-urlencoded') {
      // 解析请求体中的表单数据
      const body = req.body;

      // 将解析后的表单数据附加到请求对象
      req.body = body;
    }
  }

  // 将请求传递给下一个中间件或处理程序
  next();
});

// 启动服务器
app.listen(3000);

使用自定义中间件

现在，我们已经创建了自定义中间件，就可以在我们的 Express 应用程序中使用它了。例如，我们可以创建一个路由来处理 POST 请求，并使用我们的自定义中间件来解析请求体中的表单数据。

const express = require('express');

const app = express();

// 使用自定义中间件
app.use(function (req, res, next) {
  // 检查请求方法是否为 POST
  if (req.method === 'POST') {
    // 检查请求头是否包含 "content-type" 为 "application/x-www-form-urlencoded"
    if (req.headers['content-type'] === 'application/x-www-form-urlencoded') {
      // 解析请求体中的表单数据
      const body = req.body;

      // 将解析后的表单数据附加到请求对象
      req.body = body;
    }
  }

  // 将请求传递给下一个中间件或处理程序
  next();
});

// 创建路由来处理 POST 请求
app.post('/submit-form', function (req, res) {
  // 获取表单数据
  const name = req.body.name;
  const email = req.body.email;

  // 将表单数据保存到数据库或执行其他操作

  // 返回响应
  res.send('Form submitted successfully!');
});

// 启动服务器
app.listen(3000);