AngularJs $ http.post()不发送数据
任何人都可以告诉我为什么以下声明不会将发布数据发送到指定的网址? 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)本身并不反序列化。
奇迹般有效。
码
// 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;
}];
});
上面不是很清楚,但如果您在PHP中接收到请求,则可以使用:
$params = json_decode(file_get_contents('php://input'),true);
从AngularJS POST中访问PHP中的数组。
您可以像这样设置默认的“Content-Type”:
$http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
关于data
格式:
$ http.post和$ http.put方法接受任何JavaScript对象(或字符串)值作为其数据参数。 如果数据是JavaScript对象,则默认情况下,它将转换为JSON字符串。
尝试使用这种变化
function sendData($scope) {
$http({
url: 'request-url',
method: "POST",
data: { 'message' : message }
})
.then(function(response) {
// success
},
function(response) { // optional
// failed
});
}
链接地址: http://www.djcxy.com/p/41007.html