很多時候我們需要用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
});
看起來沒什麼區別吧?可是,用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的區別有了進一步的認識了呢,希望大家讀完本文能夠有所得。