溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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;
});
}
});
};
以上就是Angularjs的$http異步刪除數據的實例詳解，如有疑問請留言或者到本站社區交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
