在前后端分离日益普及的今天，Web 应用程序中的前端和后端往往需要通过 HTTP 协议进行通信。在 HTTP 协议中，GET 请求和 POST 请求是最常用的两种请求方式。GET 请求一般用于获取资源，而 POST 请求则常用于提交表单数据。本文将重点讨论如何在 Node.js 中解析 POST 请求中的 Form Data 数据。
Form Data 数据
Form Data 数据是一种常见的向后端提交数据的方式。它通常在 form 标签的 method 属性为 POST 时才使用，常见的数据格式为 key=value 的形式，多个键值对间以 & 分隔。以下是一个简单的例子：
<form method="POST"> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="登录"> </form>
当用户填写完表单并点击登录按钮时，浏览器将会向后端发送一个 POST 请求，请求中的数据格式为：
username=xxx&password=xxx
接下来我们将介绍如何在 Node.js 中解析这种格式的数据。
解析 Form Data
在 Node.js 中，我们可以使用内置的 querystring 模块解析 Form Data 数据。querystring 模块提供了两个方法，分别是 parse 和 stringify，前者用于解析字符串为对象，后者用于将对象序列化成字符串。以下是一个简单的例子：
const qs = require('querystring');
const data = 'username=xxx&password=xxx';
const obj = qs.parse(data);
console.log(obj); // { username: 'xxx', password: 'xxx' }但是需要注意，querystring 模块只能解析键值对格式的数据。如果请求中包含文件上传等二进制数据，我们需要使用其他模块来解析。这里我们介绍另一个常用的模块 multer。
解析带文件上传的 Form Data
在前端上传文件时，数据格式通常是 multipart/form-data。这种格式的数据是一种复杂的格式，不仅包含文本信息，还包含二进制文件。对于这种情况，我们可以使用 multer 模块来解析数据。
首先，我们需要安装 multer 模块：
npm install multer
然后，在 Node.js 的代码中引入 multer 并使用 multer({ dest: 'uploads/' }) 来创建一个用于处理文件上传的中间件。其中 dest 选项指定上传文件保存的目录。以下是一个简单的例子：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ------------------ ----- --- - ---------- ----- ------ - -------- ----- ---------- --- ------------- ------------------ ------------- ---- - ---------------------- -- --- -------- ------ ----------------------- -- --- --------- ------ --------------- --- ---------------- ---------- - ------------------- ---------- ---
在上面的代码中，我们通过 upload.fields([]) 将 multer 中间件加载到了 / 路由的处理中。此时，当用户提交包含文件上传的表单时，Node.js 将会根据表单内容解析出带文件信息的 Form Data 数据。
需要注意的是，访问 req.body 时需要用到 bodyParser 中间件才能正确解析。以下是一个完整的例子：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - ------------------ ----- ---------- - ----------------------- ----- --- - ---------- ----- ------ - -------- ----- ---------- --- --------------------------- ------------------------------- --------- ---- ---- ------------- ------------------ ------------- ---- - ---------------------- -- --- -------- ------ ----------------------- -- --- --------- ------ --------------- --- ---------------- ---------- - ------------------- ---------- ---
总结
通过本文的介绍，我们学习了如何在 Node.js 中解析 POST 请求中的 Form Data 数据。对于纯文本数据，我们可以使用 querystring 模块，而对于包含文件上传等二进制数据，我们可以使用 multer 模块。掌握这些知识点，能够更好地实现 Web 应用程序中前后端的数据交互。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649d5b5148841e9894a1ed2e