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