angularjs post html,AngularJs$http.post()不发送数据

本文介绍如何解决AngularJS与PHP服务器交互时因数据序列化格式不同导致的问题,通过配置AngularJS使用与jQuery相同的x-www-form-urlencoded格式,确保与PHP服务器的兼容性。

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

我在使用ASP.NETMVC和在这里找到了解决方案新来的人对安古拉杰为什么$http服务速记功能($http.post()等等)不显示为可与jQuery等价物(jQuery.post()等等)

不同之处在于jQuery和安古拉杰序列化和传输数据。从根本上讲,问题在于您选择的服务器语言无法理解AngularJS的本地传输.默认情况下,jQuery用Content-Type: x-www-form-urlencoded

和熟悉的人foo=bar&baz=moe序列化。

安古拉杰但是,使用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

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;

}];});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值