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

最新推荐文章于 2021-11-30 14:33:42 发布

翻译最新推荐文章于 2021-11-30 14:33:42 发布 · 6.2k 阅读

文章标签：

#angularjs #http #ajax #post

angularjs 同时被 3 个专栏收录

7 篇文章

订阅专栏

$http

1 篇文章

订阅专栏

post

1 篇文章

订阅专栏

本文介绍了一个 AngularJS 应用中使用 $http 服务发送 POST 请求的具体实例。展示了如何配置请求头以实现正确的数据传递，并提供了一种自定义 transformRequest 方法来确保数据以 application/x-www-form-urlencoded 的格式发送。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

$http({  

    method:'post',  

   url:'post.php',  

    data:{name:"aaa",id:1,age:20}  

}).success(function(req){  

    console.log(req);  

})

解决方案：

1、

var myApp = angular.module('app',[]);

myApp.config(function($httpProvider){
 
$httpProvider.defaults.transformRequest = function(obj){
var str = [];
for(var p in obj){
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
}
return str.join("&");

$http({

method:'post',
url:'post.php',
data:{name:"aaa",id:1,age:20},
headers:{'Content-Type': 'application/x-www-form-urlencoded'},
transformRequest: function(obj) {
var str = [];
for(var p in obj){
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
}
return str.join("&");
}
}).success(function(req){
console.log(req);
})