关于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里面不知道有没有。


阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页