很多時候我們需要用ajax提交post數據,angularjs與jq類似,也有封裝好的post。 但是jQuery的post明顯比angularjs的要簡單一些,人性化一些。 兩者看起來沒什麼區別,用angularjs的$http提交的數據,在php伺服器端卻無法通過$_REQUEST/$_POST ...
很多時候我們需要用ajax提交post數據,angularjs與jq類似,也有封裝好的post。
但是jQuery的post明顯比angularjs的要簡單一些,人性化一些。
兩者看起來沒什麼區別,用angularjs的$http提交的數據,在php伺服器端卻無法通過$_REQUEST/$_POST獲取到。
這是因為兩者的post對header的處理有所不同……jQuery會把作為JSON對象的myData序列化,而Angular不會。
解決方案:
修改Angular的$httpProvider的預設處理(最完美的解決方案)
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; }]; });