AngularJS中的$http.post與jQuery.post的區別

不少時候咱們須要用ajax提交post數據,angularjs與jq相似,也有封裝好的post。
php

可是jQuery的post明顯比angularjs的要簡單一些,人性化一些。jquery

AngularJS:angularjs

$http.post('do-submit.php',myData)
.success(function(){
    // some code
});

jQuery:ajax

$.post('do-submit.php', myData, function() {
    // some code
});

看起來沒什麼區別吧?但是,用angularjs的$http提交的數據,在php服務器端卻沒法經過$_REQUEST/$_POST獲取到,而須要用:json

$params = json_decode(file_get_contents('php://input'),true);

來獲取。什麼緣由呢?服務器

這是由於二者的post對header的處理有所不一樣……jQuery會把做爲JSON對象的myData序列化,例如:ide

var myData = { a : 1, b : 2 };
// jQuery在post數據以前會把myData轉換成字符串:"a=1&b=2"

而Angular不會。post

解決方案是什麼?spa

  1. 引入jquery,前提是目標用戶不介意多加載一個幾十K的腳本。(不推薦)code

  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/  (爲了便於之後的管理,這是最好的辦法)

但是因爲時間關係,兄弟我可恥地採用了第2個方案。。。

相關文章
相關標籤/搜索