DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 對比分析AngularJS中的$http.post與jQuery.post的區別
對比分析AngularJS中的$http.post與jQuery.post的區別
編輯:JQuery特效代碼     

很多時候我們需要用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的區別有了進一步的認識了呢,希望大家讀完本文能夠有所得。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved