怎么在AngularJS對$http.post()函數進行封裝

今天就跟大家聊聊有關怎么在AngularJS對$http.post()函數進行封裝，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

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輸出來看看。

看完上述內容，你們對怎么在AngularJS對$http.post()函數進行封裝有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。