有人能告诉我为什么以下语句不能将POST数据发送到指定的URL吗？该URL已被调用，但在服务器上打印$ _POST时，我得到了一个空数组。如果我在添加数据之前将消息打印到控制台中，则会显示正确的内容。
$http.post('request-url', { 'message' : message });
我也尝试使用字符串数据（结果相同）：
$http.post('request-url', "message=" + message);
当我使用以下格式时，它似乎正在工作：
$http({
method: 'POST',
url: 'request-url',
data: "message=" + message,
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
});
但是是否可以使用$http.post()的方式来实现呢？我是否必须始终包含头信息才能使其工作？我相信上述的内容类型指定了发送数据的格式，但我是否可以将其作为JavaScript对象发送？
我在使用asp.net MVC时遇到了同样的问题，在这里找到了解决方案
对于新手来说，AngularJS中的
$http服务简写函数($http.post()等)与jQuery中的等效函数(jQuery.post()等)为什么不可交换存在很多困惑。区别在于jQuery和AngularJS序列化和传输数据的方式。 从根本上讲，问题在于您选择的服务器语言无法本地理解AngularJS的传输... 默认情况下，jQuery使用
Content-Type: x-www-form-urlencoded
并且熟悉的
foo=bar&baz=moe序列化。
然而，AngularJS 使用以下方式传输数据
Content-Type: application/json
和
{ "foo": "bar", "baz": "moe" }
JSON序列化，不幸的是一些Web服务器语言（尤其是PHP）不能原生反序列化。
非常好用。
CODE
// Your app's root module...
angular.module('MyModule', [], function($httpProvider) {
// Use x-www-form-urlencoded Content-Type
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
/**
* The workhorse; converts an object to x-www-form-urlencoded serialization.
* @param {Object} obj
* @return {String}
*/
var param = function(obj) {
var query = '', name, value, fullSubName, subName, subValue, innerObj, i;
for(name in obj) {
value = obj[name];
if(value instanceof Array) {
for(i=0; i<value.length; ++i) {
subValue = value[i];
fullSubName = name + '[' + i + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
}
else if(value instanceof Object) {
for(subName in value) {
subValue = value[subName];
fullSubName = name + '[' + subName + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
}
else if(value !== undefined && value !== null)
query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
}
return query.length ? query.substr(0, query.length - 1) : query;
};
// Override $http service's default transformRequest
$httpProvider.defaults.transformRequest = [function(data) {
return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
}];
});
bower install angular-post-fix --save-dev 命令即可安装。 - Billy Blaze上面的内容不是非常清晰，但如果您在PHP中收到请求，可以使用以下方法：
$params = json_decode(file_get_contents('php://input'),true);
从AngularJS POST访问PHP数组。
json_decode(file_get_contents('php://input'), true)覆盖$_POST数组时，我需要添加true参数使其强制转换为数组。 - Jon您可以像这样设置默认的“Content-Type”：
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
关于 data 格式：
$http.post 和 $http.put 方法的 data 参数接受任何 JavaScript 对象（或字符串）值。如果 data 是一个 JavaScript 对象，它默认会被转换成 JSON 字符串。
尝试使用这种变化
function sendData($scope) {
$http({
url: 'request-url',
method: "POST",
data: { 'message' : message }
})
.then(function(response) {
// success
},
function(response) { // optional
// failed
});
}
我遇到了类似的问题，我想知道这个链接是否也有用：https://dev59.com/SWgu5IYBdhLWcg3wRlL0#11443066
var xsrf = $.param({fkey: "key"});
$http({
method: 'POST',
url: url,
data: xsrf,
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})
敬礼，
我喜欢使用一个函数将对象转换为 POST 参数。
myobject = {'one':'1','two':'2','three':'3'}
Object.toparams = function ObjecttoParams(obj) {
var p = [];
for (var key in obj) {
p.push(key + '=' + encodeURIComponent(obj[key]));
}
return p.join('&');
};
$http({
method: 'POST',
url: url,
data: Object.toparams(myobject),
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})
使用$httpParamSerializerJQLike，在angular 1.4中终于解决了这个问题。
详见https://github.com/angular/angular.js/issues/6039
.controller('myCtrl', function($http, $httpParamSerializerJQLike) {
$http({
method: 'POST',
url: baseUrl,
data: $httpParamSerializerJQLike({
"user":{
"email":"wahxxx@gmail.com",
"password":"123456"
}
}),
headers:
'Content-Type': 'application/x-www-form-urlencoded'
})})
我使用jQuery param与AngularJS post请求。这是一个例子...创建AngularJS应用程序模块，其中myapp在你的HTML代码中使用ng-app定义。
var app = angular.module('myapp', []);
现在让我们创建一个登录控制器并POST电子邮件和密码。
app.controller('LoginController', ['$scope', '$http', function ($scope, $http) {
// default post header
$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
// send login data
$http({
method: 'POST',
url: 'https://example.com/user/login',
data: $.param({
email: $scope.email,
password: $scope.password
}),
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function (data, status, headers, config) {
// handle success things
}).error(function (data, status, headers, config) {
// handle error things
});
}]);
我不喜欢解释代码，它足够简单易懂 :) 请注意，param 来自 jQuery，因此您必须安装jQuery和AngularJS才能使其工作。这是一个屏幕截图。
希望这对您有所帮助。谢谢！
我在使用AngularJS和Node.js + Express 4 + Router时遇到了同样的问题。
Router期望从post请求中的body获取数据。如果我按照Angular文档的示例进行操作，这个body始终为空。
注1：
$http.post('/someUrl', {msg:'hello word!'})
但如果我在数据中使用它
符号2
$http({
withCredentials: false,
method: 'post',
url: yourUrl,
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
data: postData
});
编辑1：
否则，如果使用符号1，则node.js路由器将期望在req.body中找到数据。
req.body.msg
还会将信息作为JSON有效负载发送。在JSON中有数组的情况下，这种方式更好，而x-www-form-urlencoded会出现一些问题。
它起作用了。希望能帮到你。
与jQuery不同，出于严谨性考虑，Angular使用JSON格式将客户端到服务器的POST数据进行传输（尽管JQuery和Angular都使用JSON进行数据输入，而JQuery应用x-www-form-urlencoded）。因此，问题分为两个部分：js客户端部分和服务器部分。因此，您需要：
像这样放置js Angular客户端部分：
$http({
method: 'POST',
url: 'request-url',
data: {'message': 'Hello world'}
});
AND（逻辑运算符）
如果您使用的是 PHP ，则在服务器端编写代码来接收客户端发送的数据。
$data = file_get_contents("php://input");
$dataJsonDecode = json_decode($data);
$message = $dataJsonDecode->message;
echo $message; //'Hello world'
注意：$_POST将不起作用！
这个解决方案对我来说很好，希望对你也有帮助。
继@felipe-miosso的回答之后，我们可以有更多的发展：
Add it to your application:
var app = angular.module('my_app', [ ... , 'httpPostFix']);