Angularjs的$http异步删除数据详解及实例

这篇文章主要介绍了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'
            },
            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;
  }]
)

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;
			}); =
		}
	});
};

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_1634