今天尝试利用$http.post向springmvc发送请求的时候,发现了一件很诡异的事情。前台数据发送的时候不为空,但是后台接收到的参数均为null。
找了很久都没发现原因,后来在网上看了http://my.oschina.net/buwei/blog/191640这篇博客的时候豁然开朗。
其实原因是这样的:
jQuery传输数据使用了Content-Type: x-www-form-urlencodedand
AngularJS传输数据使用了Content-Type: application/json
二者的Content-Type不一致,前者是querystring的形式传递参数,而后者是json形式传递参数。
springMVC是按照前者的标准来接收参数的。所以导致了利用$http.post带参请求的时候,后台接受数据为空值
解决方法(亲测有效):
方法一:
在config进行如下配置,将$http.post和$http.put的默认请求格式改为'application/x-www-form-urlencoded'
.config(function($httpProvider) {
$httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
// Override $http service's default transformRequest
$httpProvider.defaults.transformRequest = [function(data) {
/**
* The workhorse; converts an object to x-www-form-urlencoded serialization.
* @param {Object} obj
* @return {String}
*/
var param = function(obj) {
var query = '';
var name, value, fullSubName, subName, subValue, innerObj, i;
for (name in obj) {
value = obj[name];
if (value instanceof Array) {
for (i = 0; i < value.length; ++i) {
subValue = value[i];
fullSubName = name + '[' + i + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
} else if (value instanceof Object) {
for (subName in value) {
subValue = value[subName];
fullSubName = name + '[' + subName + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
} else if (value !== undefined && value !== null) {
query += encodeURIComponent(name) + '='
+ encodeURIComponent(value) + '&';
}
}
return query.length ? query.substr(0, query.length - 1) : query;
};
return angular.isObject(data) && String(data) !== '[object File]'
? param(data)
: data;
}];
});
方法二:
参考自http://www.cnblogs.com/quanyongan/archive/2013/04/16/3024741.html
在controller的对应方法的参数前加上@RequestBody注解
@RequestMapping("/add.do")
@ResponseBody
public String add(@RequestBody User user)
{
if(userDAO.checkIt(user)){
userDAO.modify(user);
}else{
userDAO.add(user);
}
return "success";
}