這篇文章主要介紹了AngularJS封裝$http.post()實例詳解的相關資料,需要的朋友可以參考下
AngularJS封裝$http.post ()實例詳解
花了不是很長的時間跟了一個移動APP項目，用的是ionic + AngularJS + cordova框架，其間遇到過挺多問題，其中一個就是對Ajax的封裝問題。
其實針對封裝問題一直以來就沒停止過談論，不同的專案也有不同的需求，舉個典型的例子，我在做這個專案的時候因為一開始沒有考慮封裝問題所以被批評了，而我的一個朋友卻因為封裝了受到了批評……很尷尬不是麼。
那麼對於是否要封裝這個問題，究竟該怎麼界定？其實這不是一個很複雜的問題，歸根到底就是一個收益比率的問題，如果項目規模不是很大，那麼過多考慮封裝問題本身就沒什麼意義，對於項目的收益極低；而對於規模大的項目來說，如果不封裝，那麼潛在的風險就高得多，所以前期的投入也是值得的。
當然這個問題不是我這樣一個小白能掰扯清楚的事情，今天就來說說如果考慮封裝的話，那麼我會怎麼處理。
angularjs中提供了一個服務http，它用來處理Ajax請求，這裡我假設讀者是了解angularjs的，所以直奔主題：對於post請求該如何處理封裝。首先我需要確定一個事情，我能否排除所有使用者（專案團隊成員）的個人化需求（需特殊處理的情況）。如果我不能，那麼我該如果開放介面才能將post請求還原，所以我需要一個出口回傳http.post()。
第二點，我需要考慮每個使用者在應答到來時如何處理結果，針對success和error兩種情況，我需要為他們提供一個處理邏輯的入口。
綜合上面兩點，我大概有了思路，我需要定義一個服務（公共服務），並且提供一個myPost方法，其中我允許用戶定義回應的回調，並且我允許他們取得更自由的處理方式，給他們一個原原本本的post()。還好js夠靈活，所以我可以這樣來寫：
service('myHttpService', ['$http', function ($http) {
var myHttpPost = function (url, data, successFn, errorFn) {
}
return {
myHttp: function (url, data, successFn, errorFn) {
return myHttpPost(url, data, successFn, errorFn);
}
}
}]);如上，我會return內部定義的方法，這個方法允許用戶定義successFn和errorFn，即相應成功和失敗的回調，如此一來使用者大可放心的預先編寫資料的處理邏輯，而無需關心其他細節。
另外，我允許使用者拿到更靈活的post()，那麼我是這樣實現的：
var httpPromise = $http.post(url, data, {timeout: 30000});
if (!angular.isDefined(successFn)) {
return httpPromise;
}如果使用者並沒有定義成功回調，好吧，這層封裝就當不存在，我會把post()丟出去，由呼叫者自行處理。而如果呼叫者想預先定義的話，我應當在封裝中處理好他們的邏輯：
return httpPromise.then(
function (response) {
if (response.status) {
return successFn(response);
} else {
/*其他处理*/
}
},
function (error) {
if (!angular.isDefined(errorFn)) {
/*其他处理*/
} else {
return errorFn(error);
}
},
function () {
/*无论何总情况下都应该被执行的逻辑*/
}
)如此對於http.post()的封裝基本上就算是完成了。其中有一個地方需要注意，如果我在處理successFn的時候，用了angular.isDefined()判斷調用者是否定義了回調，如果沒有，我將把處理權利交給調用者，如果已定義我將代為處理。其中then()方法比較有趣，因為http方法回傳的是一個promise物件，在回應回傳的時候可以透過then()來處理回應，其實完全可以透過promise.success()和promise. error()來處理不同響應狀態的回調，但是用then()更好一些，因為它接收到的是完整的響應對象，而success()和error()會對響應對象進行解析，具體的差別讀者可以透過console輸出來看看。
以上是我對$http.post()的一次簡單封裝，雖然簡陋，但是足以應付大多數情形，並且保留了更自由的處理方式，非常感謝和我一起討論的朋友們，一起探討這次的封裝，收穫很大，也希望對其他朋友有什麼幫助。
以上是實例詳解AngularJS封裝$http.post()的詳細內容。更多資訊請關注PHP中文網其他相關文章！
