angularjs中$http模块POST请求request payload转form data

angularjs发起$http.post请求：

代码如下：

[javascript] view plaincopyprint?

1. $http({  
2.     method:'post',  
3.     url:'post.php',  
4.     data:{name:"aaa",id:1,age:20}  
5. }).success(function(req){  
6.     console.log(req);  
7. })  

运行结果（chrome→network）：

这样的话在PHP中用$_POST是取不到的。

解决方案：

1.配置$httpProvider：

[javascript] view plaincopyprint?

1.  var myApp = angular.module('app',[]);  
2.  myApp.config(function($httpProvider){  
3.   
4.    $httpProvider.defaults.transformRequest = function(obj){  
5.      var str = [];  
6.      for(var p in obj){  
7.        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));  
8.      }  
9.      return str.join("&");  
10.    }  
11.   
12.    $httpProvider.defaults.headers.post = {  
13.         'Content-Type': 'application/x-www-form-urlencoded'  
14.    }  
15.   
16. });  

2.在post中配置:

[javascript] view plaincopyprint?

1. $http({  
2.    method:'post',  
3.    url:'post.php',  
4.    data:{name:"aaa",id:1,age:20},  
5.    headers:{'Content-Type': 'application/x-www-form-urlencoded'},  
6.    transformRequest: function(obj) {  
7.      var str = [];  
8.      for(var p in obj){  
9.        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));  
10.      }  
11.      return str.join("&");  
12.    }  
13. }).success(function(req){  
14.        console.log(req);  
15. })  

运行结果（chrome→network）:

至此成功换成form data;

3.PHP中放弃$_POST;

[php] view plaincopyprint?

1. $rawpostdata = file_get_contents("php://input");  
2. $post = json_decode($rawpostdata, true);  
3. //传的数据都在$post中了;