解决springMCV后台接收不到AngularJ的$http.post参数的方法

今天尝试利用$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";
}





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值