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

在用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);
        }
      });

以上。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值