关于angularjs中$http POST请求参数的问题

1. $http({  
2.             method: "POST",  
3.             url: "",  
4.             data: id  

1.         }).success();  
2. 发现发送的参数出现在了request payload里,参数为一个对象,于是查询了POST表单请求提交时，使用的Content-Type是application/x-www-form-urlencoded，而使用原生AJAX的POST请求如果不指定请求头RequestHeader，默认使用的Content-Type是text/plain;charset=UTF-8，在html中form的Content-type默认值：Content-type：application/x-www-form-urlencoded。

   修改为

   [javascript]  view plain  copy

   1. $http({  
   2.             method: "POST",  
   3.             url: "",  
   4.             data: id,  
   5.             headers: { 'Content-Type': 'application/x-www-form-urlencoded' }  
   6.         }).success();  
   然后确实就转成form data了，但是参数如果是对象还是不行
   

3. 于是再查资料发现，如果参数是对象，还需要加上transformRequest

   [javascript]  view plain  copy

   1. $http({    
   2.             method: "POST",    
   3.             url: "",    
   4.             data: id,    
   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();    
   这样终于可以了

   其实仔细看transformRequest，也就是把参数转成序列化的形式，所以以后如果使用的话，干脆就写成序列化的形式就好了，省的还要再转一道。jquery中有$.param()方法可以实现，angularjs里面不知道有没有。