對比分析AngularJS中的$http.post與jQuery.post的區(qū)別
很多時(shí)候我們需要用ajax提交post數(shù)據(jù)，angularjs與jq類似，也有封裝好的post。
但是jQuery的post明顯比angularjs的要簡單一些，人性化一些。
AngularJS：
$http.post('do-submit.php',myData)
.success(function(){
// some code
});
jQuery：
$.post('do-submit.php', myData, function() {
// some code
});
看起來沒什么區(qū)別吧？可是，用angularjs的$http提交的數(shù)據(jù)，在php服務(wù)器端卻無法通過$_REQUEST/$_POST獲取到，而需要用：
$params = json_decode(file_get_contents('php://input'),true);
來獲取。什么原因呢？
這是因?yàn)閮烧叩膒ost對header的處理有所不同……jQuery會把作為JSON對象的myData序列化，例如：
var myData = { a : 1, b : 2 };
// jQuery在post數(shù)據(jù)之前會把myData轉(zhuǎn)換成字符串："a=1&b=2"
而Angular不會。
解決方案是什么？
1.引入jquery，前提是目標(biāo)用戶不介意多加載一個(gè)幾十K的腳本。（不推薦）
2.在服務(wù)器端（PHP）通過 $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/ （為了便于以后的管理，這是最好的辦法）
小伙伴們是否對AngularJS中的$http.post與jQuery.post的區(qū)別有了進(jìn)一步的認(rèn)識了呢，希望大家讀完本文能夠有所得。
- 解決angular的$http.post()提交數(shù)據(jù)時(shí)后臺接收不到參數(shù)值問題的方法
- Angularjs中$http以post請求通過消息體傳遞參數(shù)的實(shí)現(xiàn)方法
- 后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)原因分析及解決辦法
- AngularJS下$http服務(wù)Post方法傳遞json參數(shù)的實(shí)例
- AngularJS $http模塊POST請求實(shí)現(xiàn)
- AngularJS $http post 傳遞參數(shù)數(shù)據(jù)的方法
- angularJS 發(fā)起$http.post和$http.get請求的實(shí)現(xiàn)方法
- AngularJS封裝$http.post()實(shí)例詳解
- 深入理解Angularjs中$http.post與$.post
- Angular利用HTTP POST下載流文件的步驟記錄
相關(guān)文章
這篇文章主要介紹了angularJS中router的使用方法和示例分享,需要的朋友可以參考下2015-02-02
本文通過實(shí)例代碼給大家介紹了AngularJS日程表案例詳解，通過簡單代碼實(shí)現(xiàn)了添加事件/完成事件/刪除事件功能，具體代碼大家參考下本文2017-08-08
這篇文章主要給大家介紹了關(guān)于Angular中使用MathJax遇到的一些問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
angularjs學(xué)習(xí)筆記之完整的項(xiàng)目結(jié)構(gòu)
這篇文章主要介紹了angularjs學(xué)習(xí)筆記之完整的項(xiàng)目結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2015-09-09
單頁應(yīng)用中，組件時(shí)構(gòu)建應(yīng)用的基礎(chǔ)元素，頁面展示什么內(nèi)容均是靠頁面有什么組件決定的，而展示什么組件又是由一組路由（帶有Url元素的特定集合，可用于導(dǎo)航視圖）決定的，希望本文可以幫助讀者了解路由的基礎(chǔ)概念和基礎(chǔ)使用、寫法。2021-05-05
這篇文章主要為大家介紹了Angular應(yīng)用懶加載模塊配置管理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
這篇文章主要介紹了angular4 獲取wifi列表中文顯示亂碼問題的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
本教程旨在幫助你盡可能快速而有效地學(xué)習(xí)AngularJS。通過該教程你會學(xué)習(xí)到AngularJS的一些基本特性，例如指令、表達(dá)式、過濾器、模塊和控制器等。以及其它所有你需要知道的有關(guān)AngularJS的東西，如事件、DOM節(jié)點(diǎn)、表單、用戶輸入、數(shù)據(jù)驗(yàn)證、Http對象等。2015-09-09
Angular 4依賴注入學(xué)習(xí)教程之ClassProvider的使用（三）
這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之ClassProvider使用的相關(guān)資料，文中介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Angular 4具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例
這篇文章主要介紹了AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作,結(jié)合具體實(shí)例形式分析了AngularJS使用URL傳遞參數(shù)及參數(shù)的接收、解析等相關(guān)操作技巧,需要的朋友可以參考下2017-06-06