這篇文章主要介紹了Angularjs的$http非同步刪除資料詳解及例項的相關資料,這裡提供實現思路及實現具體的方法，寫的十分的全面細緻，具有一定的參考價值，對此有需要的朋友可以參考學習下。如有不足之處，歡迎批評指正。

Angularjs的$http非同步刪除資料詳解及例項

有人會說刪除這東西有什麼可講的，寫個刪除的service，controller呼叫一下不就完了。
嗯…看起來是這樣，但是具體實現起來真的有這麼簡單嗎？首先有以下幾個坑
怎麼確定資料是否刪除成功？
怎麼同步檢視的資料庫的內容？
1.思路

1.實現方式一

刪除資料庫中對應的內容,然後將$scope中的對應的內容splice

2.實現方式二

刪除資料庫中對應的內容，然後再reload一下資料(也就是再呼叫一次查詢方法，這種消耗可想而知，並且還要保證先刪除資料再查詢)

2.具體實現方式

刪除資料的service：用非同步，返回promise

service('deleteBlogService',//刪除部落格
    ['$rootScope',
      '$http',
      '$q',
      function ($rootScope, $http, $q) {
        var result = {};
        result.operate = function (blogId) {
          var deferred = $q.defer();
          $http({
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
            },//歡迎加入前端全棧開發交流圈一起學習交流：864305860
            url: $rootScope.$baseUrl + "/admin/blog/deleteBlogById",
            method: 'GET',
            dataType: 'json',
            params: {
              id: blogId
            }
          })
            .success(function (data) {
              deferred.resolve(data);
              console.log("刪除成功！");
            })
            .error(function () {
              deferred.reject();
              alert("刪除失敗！")
            });
          return deferred.promise;
        };
        return result;
      }])//歡迎加入前端全棧開發交流圈一起學習交流：864305860
 

controller裡面注意事項

要特別注意執行順序：確保己經刪除完成之後再去reload資料，不然會出來檢視不更新

/**
        * 刪除部落格
        */
       $scope.deleteBlog = function (blogId) {
         var deletePromise = deleteBlogService.operate(blogId);
         deletePromise.then(function (data) {
           if (data.status == 200) {
             var promise = getBlogListService.operate($scope.currentPage);
             promise.then(function (data) {
               $scope.blogs = data.blogs;
               $scope.pageCount = $scope.blogs.totalPages;
             });//歡迎加入前端全棧開發交流圈一起吹水聊天學習交流：864305860
           }//面向1-3年前端人員
         });//幫助突破技術瓶頸，提升思維能力
       };
 

結語

感謝您的觀看，如有不足之處，歡迎批評指正。

本次給大家推薦一個免費的學習群，裡面概括移動應用網站開發，css，html，webpack，vue node angular以及面試資源等。
對web開發技術感興趣的同學，歡迎加入Q群：864305860，不管你是小白還是大牛我都歡迎，還有大牛整理的一套高效率學習路線和教程與您免費分享，同時每天更新視訊資料。
最後，祝大家早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峰。