對(duì)比分析AngularJS中的$http.post與jQuery.post的區(qū)別
很多時(shí)候我們需要用ajax提交post數(shù)據(jù)，angularjs與jq類似，也有封裝好的post。
但是jQuery的post明顯比angularjs的要簡(jiǎn)單一些，人性化一些。
AngularJS：
$http.post('do-submit.php',myData)
.success(function(){
// some code
});
jQuery：
$.post('do-submit.php', myData, function() {
// some code
});
看起來(lái)沒(méi)什么區(qū)別吧？可是，用angularjs的$http提交的數(shù)據(jù)，在php服務(wù)器端卻無(wú)法通過(guò)$_REQUEST/$_POST獲取到，而需要用：
$params = json_decode(file_get_contents('php://input'),true);
來(lái)獲取。什么原因呢？
這是因?yàn)閮烧叩膒ost對(duì)header的處理有所不同……jQuery會(huì)把作為JSON對(duì)象的myData序列化，例如：
var myData = { a : 1, b : 2 };
// jQuery在post數(shù)據(jù)之前會(huì)把myData轉(zhuǎn)換成字符串："a=1&b=2"
而Angular不會(huì)。
解決方案是什么？
1.引入jquery，前提是目標(biāo)用戶不介意多加載一個(gè)幾十K的腳本。（不推薦）
2.在服務(wù)器端（PHP）通過(guò) $params = json_decode(file_get_contents('php://input'),true); 獲取參數(shù)，小項(xiàng)目可以，大項(xiàng)目要一個(gè)一個(gè)改。（不推薦）
3.修改Angular的$httpProvider的默認(rèn)處理：http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/ （為了便于以后的管理，這是最好的辦法）
小伙伴們是否對(duì)AngularJS中的$http.post與jQuery.post的區(qū)別有了進(jìn)一步的認(rèn)識(shí)了呢，希望大家讀完本文能夠有所得。
- 解決angular的$http.post()提交數(shù)據(jù)時(shí)后臺(tái)接收不到參數(shù)值問(wèn)題的方法
- Angularjs中$http以post請(qǐng)求通過(guò)消息體傳遞參數(shù)的實(shí)現(xiàn)方法
- 后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)原因分析及解決辦法
- AngularJS下$http服務(wù)Post方法傳遞json參數(shù)的實(shí)例
- AngularJS $http模塊POST請(qǐng)求實(shí)現(xiàn)
- AngularJS $http post 傳遞參數(shù)數(shù)據(jù)的方法
- angularJS 發(fā)起$http.post和$http.get請(qǐng)求的實(shí)現(xiàn)方法
- AngularJS封裝$http.post()實(shí)例詳解
- 深入理解Angularjs中$http.post與$.post
- Angular利用HTTP POST下載流文件的步驟記錄
相關(guān)文章
angularjs是javascript的一個(gè)框架，通過(guò)script標(biāo)簽添加到網(wǎng)頁(yè)中。這篇文章主要介紹了AngularJs基本特性解析(一)的相關(guān)資料,需要的朋友可以參考下2016-07-07
這篇文章主要為大家介紹了Angular應(yīng)用懶加載模塊配置管理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
詳解Angular 中 ngOnInit 和 constructor 使用場(chǎng)景
最初學(xué)習(xí)Angular的時(shí)候總是搞不清楚ngOnInit和constructor的區(qū)別，現(xiàn)在我們來(lái)稍微理一下兩者之間的區(qū)別。2017-06-06
這篇文章主要介紹了Angularjs為ng-click事件傳遞參數(shù)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-06-06
對(duì)angularJs中$sce服務(wù)安全顯示html文本的實(shí)例
今天小編就為大家分享一篇對(duì)angularJs中$sce服務(wù)安全顯示html文本的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
詳解angular筆記路由之a(chǎn)ngular-router
本篇文章主要介紹了詳解angular筆記路由之a(chǎn)ngular-router，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
AngularJS中controller控制器繼承的使用方法
這篇文章主要介紹了AngularJS中controller控制器繼承的使用方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
基于Angular中ng-controller父子級(jí)嵌套的相關(guān)屬性詳解
今天小編就為大家分享一篇基于Angular中ng-controller父子級(jí)嵌套的相關(guān)屬性詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
angular4 共享服務(wù)在多個(gè)組件中數(shù)據(jù)通信的示例
本篇文章主要介紹了angular4 共享服務(wù)在多個(gè)組件中數(shù)據(jù)通信的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
這篇文章主要為大家介紹了Angular16如何獲得路由參數(shù)的實(shí)現(xiàn)方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07