對比分析AngularJS中的$http.post與jQuery.post的區(qū)別
很多時候我們需要用ajax提交post數據,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提交的數據,在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數據之前會把myData轉換成字符串:"a=1&b=2"
而Angular不會。
解決方案是什么?
1.引入jquery,前提是目標用戶不介意多加載一個幾十K的腳本。(不推薦)
2.在服務器端(PHP)通過 $params = json_decode(file_get_contents('php://input'),true); 獲取參數,小項目可以,大項目要一個一個改。(不推薦)
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()提交數據時后臺接收不到參數值問題的方法
- Angularjs中$http以post請求通過消息體傳遞參數的實現方法
- 后端接收不到AngularJs中$http.post發(fā)送的數據原因分析及解決辦法
- AngularJS下$http服務Post方法傳遞json參數的實例
- AngularJS $http模塊POST請求實現
- AngularJS $http post 傳遞參數數據的方法
- angularJS 發(fā)起$http.post和$http.get請求的實現方法
- AngularJS封裝$http.post()實例詳解
- 深入理解Angularjs中$http.post與$.post
- Angular利用HTTP POST下載流文件的步驟記錄
相關文章
Angular 4依賴注入學習教程之ClassProvider的使用(三)
這篇文章主要給大家介紹了關于Angular 4依賴注入之ClassProvider使用的相關資料,文中介紹的非常詳細,對大家學習或者使用Angular 4具有一定的參考學習價值,需要的朋友可以參考借鑒,下面來一起看看吧。2017-06-06

