AngularJs中$http发送post或者get请求,SpringMVC后台接收不到参数值的解决办法
2016-05-11 16:38
1076 查看
1.问题原因
默认情况下,jQuery传输数据使用Content-Type: x-www-form-urlencodedand和类似于"name=zhangsan&age=18"的序列,然而AngularJS,传输数据使用Content-Type: application/json和{ "name": "zhangsan", "age": "18" }这样的json序列。
2.解决办法
A.服务端进行修改,在Controller接收参数的方法中,对象前加 @RequestBody (注:要用对象的方式来接参数)
B.客户端修改
C.修改Angular的$httpProvider的默认处理:http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/ (适用于post,推荐)
书上说到可以通过 加上 $httpProvider.defaults.headers.get['DNT']='1' 可以解决GET请求,测试报错,待解决。
默认情况下,jQuery传输数据使用Content-Type: x-www-form-urlencodedand和类似于"name=zhangsan&age=18"的序列,然而AngularJS,传输数据使用Content-Type: application/json和{ "name": "zhangsan", "age": "18" }这样的json序列。
2.解决办法
A.服务端进行修改,在Controller接收参数的方法中,对象前加 @RequestBody (注:要用对象的方式来接参数)
B.客户端修改
$http.post(url,{},{params:{"name": "zhangsan", "age": "18"}}).success(function(data){ }); $http.get(url,{params:{"name": "zhangsan", "age": "18"}}).success(function(data){ });
C.修改Angular的$httpProvider的默认处理:http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/ (适用于post,推荐)
var starter = angular.module('module',['ionic','ui.router']).run(function(){}); starter.config(['$httpProvider', function($httpProvider) { $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8'; var param = function(obj) { var query = '', 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; }; $httpProvider.defaults.transformRequest = [function(data) { return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data; }]; }]);
书上说到可以通过 加上 $httpProvider.defaults.headers.get['DNT']='1' 可以解决GET请求,测试报错,待解决。
相关文章推荐
- 攻击与防范
- HTTPS解析
- 网络模型
- okhttputils开源库的混淆配置(Eclipse)
- 攻击和防范
- Spring Bean中方法调用/http请求调用/存储过程调用实现的工具类
- 《TCP/IP详解》学习笔记-第3章 IP:网际协议
- 企业邮箱提高安全防护的解决方案
- HTTP基本认证(Basic Authentication)的JAVA示例
- 使用google的开源框架Volley,功能一:网络请求Json数据
- 如何用70行Java代码实现深度神经网络算法
- HTTPS跨域访问时,证书导致的问题
- http协议详解
- 网络编程知识(11)--DNS
- HTTP Content-type 对照表___http://tools.jb51.net/table/http_content_type
- okHttp3自用封装
- UFLDL 10 建立分类用深度学习网络 (含梯度弥散的原因)
- 【备份】Java实现忽略SSL认证请求https
- CDN-内容推送网络
- HttpURLConnection实现文件断点续传