【转】nodejs获取post请求发送的formData数据

我会带着你远行 2021-11-27 06:42 446阅读 0赞

前端post请求发送**formData**的类型数据时，需要服务端引入中间件**[body-parser][]**，主要原因是post请求发送的数据，是在http的body里面，所以需要进行解析，否则获取不到数据（数据为空）

注意：对于使用Requst Payload(以“流“的方式传递数据时，不要要这个中间件)

即便是前端浏览器能够看到数据（如下图所示）已发送并且请求成功，status==200；

![1185326-20180629160713757-1615880060.png][]

前端代码：

![复制代码][copycode.gif]

console.log(forms)；
    xhr.send(forms);

![复制代码][copycode.gif]

后端node.js代码：

![复制代码][copycode.gif]

![复制代码][copycode.gif]

其中三行代码很关键：

const bodyParser = require('body-parser');
    app.use(bodyParser.json());//数据JSON类型
    app.use(bodyParser.urlencoded({ extended: false }));//解析post请求数据

加入这三行代码，既可以在req.body内打印出前端请求的formdata数据

![1185326-20180629161620537-41987235.png][]

关于body-parser介绍比较详细的一个网站：[https://www.cnblogs.com/chyingp/p/nodejs-learning-express-body-parser.html][https_www.cnblogs.com_chyingp_p_nodejs-learning-express-body-parser.html]

转载于:https://www.cnblogs.com/mmzuo-798/p/11158467.html

[body-parser]: https://www.npmjs.com/package/body-parser
[1185326-20180629160713757-1615880060.png]: /images/20211126/8d1c7dbb93bc48d8a4d93e8a810f74a1.png
[copycode.gif]: /images/20211126/3dd9db2d9afb4a5ea908d8f7b723aa96.png
[1185326-20180629161620537-41987235.png]: /images/20211126/2d5397e8cc384f94a2f13d6f07e30cb2.png
[https_www.cnblogs.com_chyingp_p_nodejs-learning-express-body-parser.html]: https://www.cnblogs.com/chyingp/p/nodejs-learning-express-body-parser.html