初学node Express使用req.body无法获取到前端form表单传过来的数据解决方案，

元强网络

已于 2022-04-07 23:18:56 修改

阅读量1.6k

点赞数

分类专栏：前端技术文章标签： node.js

于 2022-04-07 23:18:05 首次发布

本文链接：https://blog.csdn.net/qq_40128591/article/details/124029388

版权

前端技术专栏收录该内容

22 篇文章 1 订阅

订阅专栏

今天闲来无事学习了一下node.js，在使用express创建了项目之后想测试req.post来测试获取前端数据的时候遇到了一些问题，记录一下解决过程，

这里是想直接send数据到页面上的，但获取到的却是空对象{}

var express = require('express');
var router = express.Router();

router.post('/index', function(req, res, next) {
  res.send(req.body);
});





module.exports = router;

这里是提交form表单的地方，问题就出现在这里：

这里切记表单input一定要有name，和value属性,因为name就是后端获取到的数据对象的Key，没有name的话，获取到的就是空对象{}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
</head>
<body>
    <form method="post" action="/index" >
        用户名：<input type="text" value="" name="username" />
        <br />
        密码：<input type="password" value="" name="paw" />
        <br />
        <button type="submit">提交</button>
    </form>
</body>
</html>

好了，今天的分享就这些

元强网络

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
初学node Express使用req.body无法获取到前端form表单传过来的数据解决方案，

今天闲来无事学习了一下node.js，在使用express创建了项目之后想测试req.post来测试获取前端数据的时候遇到了一些问题，记录一下解决过程，这里是想直接send数据到页面上的，但获取到的确实空对象{}var express = require('express');var router = express.Router();router.post('/index', function(req, res, next) { res.send(req.body);});
复制链接

扫一扫