如何在 Express.js 中处理 POST 请求-JavaScript中文网-JavaScript教程资源分享门户

在前端领域中，Express.js 是一款常用的 Node.js 框架，它具有快速构建 Web 程序的能力，被广泛应用于 Node.js 开发、服务器端编程等领域。本文将重点介绍在 Express.js 中如何处理 POST 请求。

POST 请求简介

在 Web 开发中，GET 和 POST 请求是最常用的两种请求方式。GET 请求用于从服务器获取数据，而 POST 请求用于向服务器发送数据。

POST 请求相较于 GET 请求有以下优势：

数据传输量更大：GET 请求往往会受到 URL 长度的限制，而 POST 请求则可以发送大量数据。
数据传输更加安全：GET 请求将数据暴露在 URL 中，而 POST 请求则可以将数据放在请求体中，从而更加安全。
请求体可以有多种编码方式：POST 请求请求体中的数据可以采用多种编码方式，如 application/x-www-form-urlencoded、multipart/form-data、application/json 等。

在处理 POST 请求前，需要了解 POST 请求的基本原理，同时了解常用的编码方式及其使用场景。

在 Express.js 中处理 POST 请求

在 Express.js 中处理 POST 请求需要使用 body-parser 中间件。body-parser 中间件用于解析请求体中的数据，可支持多种编码方式，包括：

application/x-www-form-urlencoded
multipart/form-data
application/json
text/plain

接下来，我们将针对以上类型介绍如何使用 body-parser 中间件来处理 POST 请求。

application/x-www-form-urlencoded

application/x-www-form-urlencoded 是一种常见的编码方式，我们可以使用 body-parser 中间件的 urlencoded 方法来解析 application/x-www-form-urlencoded 编码的 POST 请求。使用方法如下所示：

// javascriptcn.com 代码示例
const express = require('express');
const bodyParser = require('body-parser');

const app = express();

// 解析 application/x-www-form-urlencoded 编码的 POST 请求
app.use(bodyParser.urlencoded({ extended: false }));

app.post('/api/login', (req, res) => {
  const username = req.body.username;
  const password = req.body.password;

  console.log(username, password);
});

app.listen(3000, () => console.log('Server is running on http://localhost:3000'));

上述代码中，我们通过调用 app.use 方法使用 bodyParser.urlencoded 中间件来解析 application/x-www-form-urlencoded 编码的 POST 请求。随后在 app.post 中处理业务逻辑。

multipart/form-data

multipart/form-data 一般用于上传文件，我们同样可以使用 body-parser 中间件的 multer 方法来解析 multipart/form-data 编码的 POST 请求。使用方法如下所示：

// javascriptcn.com 代码示例
const express = require('express');
const multer = require('multer');

const app = express();

const upload = multer({
  dest: 'uploads/',
});

// 解析 multipart/form-data 编码的 POST 请求
app.post('/api/upload', upload.single('file'), (req, res) => {
  console.log(req.file);

  res.send('upload success');
});

app.listen(3000, () => console.log('Server is running on http://localhost:3000'));

在上传文件时，我们通过调用 multer 方法来解析 multipart/form-data 编码的 POST 请求。使用 upload.single 方法表示上传单个文件，参数 file 表示上传文件的字段名。随后，在回调函数中处理上传文件的业务逻辑。

application/json

在处理 JSON 编码格式的 POST 请求时，我们同样可以使用 body-parser 中间件的 json 方法来解析请求体。使用方法如下所示：

// javascriptcn.com 代码示例
const express = require('express');
const bodyParser = require('body-parser');

const app = express();

// 解析 application/json 编码的 POST 请求
app.use(bodyParser.json());

app.post('/api/user', (req, res) => {
  const user = req.body;

  console.log(user);

  res.send('post user success');
});

app.listen(3000, () => console.log('Server is running on http://localhost:3000'));

上述代码中，我们通过调用 app.use 方法使用 bodyParser.json() 中间件来解析 application/json 编码格式的 POST 请求。随后在 app.post 中处理业务逻辑。

text/plain

当 POST 请求的请求体是纯文本时，我们可以使用 body-parser 中间件的 text 方法来解析请求体。使用方法如下所示：

// javascriptcn.com 代码示例
const express = require('express');
const bodyParser = require('body-parser');

const app = express();

// 解析 text/plain 编码格式的 POST 请求
app.use(bodyParser.text());

app.post('/api/text', (req, res) => {
  console.log(req.body);

  res.send('text success');
});

app.listen(3000, () => console.log('Server is running on http://localhost:3000'));

在处理纯文本 POST 请求时，我们通过调用 app.use 方法使用 bodyParser.text() 中间件来解析请求体。随后在 app.post 中处理业务逻辑。

总结

本文介绍了在 Express.js 中处理 POST 请求的方法，涵盖了多个编码类型的解析方式，并针对每一种方式给出了示例代码。希望本文对读者在日常开发中处理 POST 请求有所帮助。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/652cc5ba7d4982a6ebe5a67d