angularjs $http 提交post问题

angular $http 提交post后台无法获取;修改方法。

在项目到root module加上以下代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
// Your app's root module...
angular.module('MyModule ', [], function($httpProvider) {
   // Use x-www-form-urlencoded Content-Type
   $httpProvider.defaults.headers.post[' Content-Type '] = ' application/x-www-form-urlencoded;charset=utf-8 ';
 
   /**
    * The workhorse; converts an object to x-www-form-urlencoded serialization.
    * @param {Object} obj
    * @return {String}
    */
   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;
   };
 
   // Override $http service' s default transformRequest
   $httpProvider.defaults.transformRequest = [ function (data) {
     return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
   }];
});

原理是jquery的contentType 是

?
1
application/x-www-form-urlencoded

post的数据会转换成name=123&title=123

angularjs是

?
1
application/json
同时数据是个json {name:"123",title:"213"};

所以上面代码是改了这两处。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值