req.body解析post数据出错的问题

最新推荐文章于 2023-06-27 14:15:01 发布

原创最新推荐文章于 2023-06-27 14:15:01 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#express #ajax

nodejs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个关于Ajax向Node.js后端发送JSON数据时出现解析错误的问题，并详细解释了如何通过设置contentType属性来解决该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在用ajax向后台发送数据的时候出现了解析出错的情况，环境为nodejs+express4.x

app.html

<script type="text/javascript">
var userdata={
        username:"root",
        password:"root",
      };
      var userJSON=JSON.stringify({data:userdata});
      console.log(userJSON);
      $.ajax({
        url:"/submit",
        type:"post",
        data:userJSON,
        datatype:"json",
        success: function(data){
          data=JSON.parse(data);
          var html = template('test',data); 
          $("#tableshow").html(html);
        },
        error: function(data){
          console.log("error"+data.message);
        }
      });
</script>

app.js

var bodyParser  = require('body-parser');
...
app.use(bodyParser.json());
...
app.post('/submit',function(req,res,next){
    console.log(req.body);
    res.status(200)；
});
//打印req.body如下
//{ '{"data":{"username":"root","password":"root"}}': '' }
//正确的应该为
//{ data: { username: 'gang', password: 'root' } }

ERROR，req.body把传过来的字符串解析为了键值对数据，但是Express4.x自带的模块body-parser应该能够正确解析json，这是为什么呢？查阅很多资料，明白了。

因为在$.ajax函数里面还有一个contentType属性，用来设置传输数据的类型，不设置的时候它默认为”application/x-www-form-urlencoded”，所以body-parser识别不了，所以在ajax里添上一句contentType:’application/json’（别忘了逗号），问题解决。

$.ajax({
        url:"/submit",
        type:"post",
        data:userJSON,
        contentType:'application/json',
        datatype:"json",
        success: function(data){
          data=JSON.parse(data);
          var html = template('test',data); 
          $("#tableshow").html(html);
        },
        error: function(data){
          console.log("error"+data.message);
        }
      });

以上。