對比分析AngularJS中的$http.post與jQuery.post的區(qū)別
很多時候我們需要用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服務器端卻無法通過$_REQUEST/$_POST獲取到,而需要用:
$params = json_decode(file_get_contents('php://input'),true);
來獲取。什么原因呢?
這是因為兩者的post對header的處理有所不同……jQuery會把作為JSON對象的myData序列化,例如:
var myData = { a : 1, b : 2 };
// jQuery在post數(shù)據(jù)之前會把myData轉(zhuǎn)換成字符串:"a=1&b=2"
而Angular不會。
解決方案是什么?
1.引入jquery,前提是目標用戶不介意多加載一個幾十K的腳本。(不推薦)
2.在服務器端(PHP)通過 $params = json_decode(file_get_contents('php://input'),true); 獲取參數(shù),小項目可以,大項目要一個一個改。(不推薦)
3.修改Angular的$httpProvider的默認處理:http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/ (為了便于以后的管理,這是最好的辦法)
小伙伴們是否對AngularJS中的$http.post與jQuery.post的區(qū)別有了進一步的認識了呢,希望大家讀完本文能夠有所得。
- 解決angular的$http.post()提交數(shù)據(jù)時后臺接收不到參數(shù)值問題的方法
- Angularjs中$http以post請求通過消息體傳遞參數(shù)的實現(xiàn)方法
- 后端接收不到AngularJs中$http.post發(fā)送的數(shù)據(jù)原因分析及解決辦法
- AngularJS下$http服務Post方法傳遞json參數(shù)的實例
- AngularJS $http模塊POST請求實現(xiàn)
- AngularJS $http post 傳遞參數(shù)數(shù)據(jù)的方法
- angularJS 發(fā)起$http.post和$http.get請求的實現(xiàn)方法
- AngularJS封裝$http.post()實例詳解
- 深入理解Angularjs中$http.post與$.post
- Angular利用HTTP POST下載流文件的步驟記錄
相關(guān)文章
詳解Angular 中 ngOnInit 和 constructor 使用場景
最初學習Angular的時候總是搞不清楚ngOnInit和constructor的區(qū)別,現(xiàn)在我們來稍微理一下兩者之間的區(qū)別。2017-06-06對angularJs中$sce服務安全顯示html文本的實例
今天小編就為大家分享一篇對angularJs中$sce服務安全顯示html文本的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09詳解angular筆記路由之a(chǎn)ngular-router
本篇文章主要介紹了詳解angular筆記路由之a(chǎn)ngular-router,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09AngularJS中controller控制器繼承的使用方法
這篇文章主要介紹了AngularJS中controller控制器繼承的使用方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-11-11基于Angular中ng-controller父子級嵌套的相關(guān)屬性詳解
今天小編就為大家分享一篇基于Angular中ng-controller父子級嵌套的相關(guān)屬性詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10angular4 共享服務在多個組件中數(shù)據(jù)通信的示例
本篇文章主要介紹了angular4 共享服務在多個組件中數(shù)據(jù)通信的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03