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

以上。