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

转载 2018年04月17日 14:56:13
  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里面不知道有没有。


Learning AngularJS

如果你正在寻找看起来不错的动态Web应用程序,那么AngularJS是你不错的选择。您可以通过AngularJS在任何你需要的时间创建自定义的Web应用程序。它的可扩展性和模块化的架构,可以很轻松的帮助您创建功能强大的Web应用程序。本课程将教你一切关于可扩展性和可维护性的应用程序的正确方式。
  • 2015年12月30日 11:46

AngularJS $http post 传递参数数据

AngularJS $http post 传递参数数据
  • gufeilong
  • gufeilong
  • 2016-12-12 17:22:57
  • 15709

AngularJS $http模块POST请求,传递参数为数组或者对象时

AngularJS $http模块POST请求,传递参数为数组或者对象时
  • dlh918
  • dlh918
  • 2017-07-12 15:11:35
  • 2566

AngularJs中POST和GET方式的ajax请求

angular中ajax请求的方法说明: /* * _http:angularJs中的$http对象 * _url:ajax请求的URL * _method:请求方式:POST或GET * _...
  • qq_27467601
  • qq_27467601
  • 2016-12-29 15:06:05
  • 1554

angularjs的$http.post和$http.get的使用

一、$http.pos 1.t基本语法: $http.post('url',{},{}) .success(function(data,status,headers,config){ ...
  • tonywuke
  • tonywuke
  • 2016-11-11 12:59:40
  • 855

AngularJS下$http上传文件(AngularJS file upload/post file)

AngularJS下$http上传文件(AngularJS file upload/post file)上一次因为赶着完成进度,所以用\$.ajax实现了文件上传(上一篇迭代总结有),这阵子需求完成得...
  • Jannie_Kung
  • Jannie_Kung
  • 2016-07-28 17:31:14
  • 8320

解决 AngularJs $http 发送post,get请求,SpringMvc无法接受参数的问题。

1.问题原因 默认情况下,jQuery传输数据使用Content-Type: x-www-form-urlencodedand和类似于"name=zhangsan&age=18"的序列, 然而An...
  • DosMing
  • DosMing
  • 2017-08-01 15:49:33
  • 2478

angularjs使用post请求需要插入的参数

angularjs用get提交时,一般格式可以是这样的: $http.get(url+data).success(function(res){ console.log("res",res); }...
  • a6589932
  • a6589932
  • 2016-07-06 15:09:42
  • 1328

【http】get/post 获取请求参数

1.这对 get 请求获取 Url  “?” 后面的参数           使用 HttpServletRequest的 getQueryString 方法 String getQueryStri...
  • lihuapiao
  • lihuapiao
  • 2016-07-05 17:39:53
  • 1993

AngularJS下$http服务Post方法传递json参数

如何使用Angularjs $http服务以POST方法向服务器传递json对象数据。
  • Rotbing
  • Rotbing
  • 2017-03-06 15:06:05
  • 4312
收藏助手
不良信息举报
您举报文章:关于angularjs中$http POST请求参数的问题
举报原因:
原因补充:

(最多只允许输入30个字)