Angularjs的$http異步刪除數(shù)據(jù)詳解及實(shí)例

創(chuàng)新互聯(lián)公司是專業(yè)的江達(dá)網(wǎng)站建設(shè)公司,江達(dá)接單;提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行江達(dá)網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
有人會說刪除這東西有什么可講的,寫個刪除的service,controller調(diào)用一下不就完了。
嗯...看起來是這樣,但是具體實(shí)現(xiàn)起來真的有這么簡單嗎?首先有以下幾個坑
怎么確定數(shù)據(jù)是否刪除成功?
怎么同步視圖的數(shù)據(jù)庫的內(nèi)容?
1.思路
1.實(shí)現(xiàn)方式一
刪除數(shù)據(jù)庫中對應(yīng)的內(nèi)容,然后將$scope中的對應(yīng)的內(nèi)容splice
2.實(shí)現(xiàn)方式二
刪除數(shù)據(jù)庫中對應(yīng)的內(nèi)容,然后再reload一下數(shù)據(jù)(也就是再調(diào)用一次查詢方法,這種消耗可想而知,并且還要保證先刪除數(shù)據(jù)再查詢)
2.具體實(shí)現(xiàn)方式
刪除數(shù)據(jù)的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里面注意事項(xiàng)
要特別注意執(zhí)行順序:確保己經(jīng)刪除完成之后再去reload數(shù)據(jù),不然會出來視圖不更新
/**
* 刪除博客
*/
$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異步刪除數(shù)據(jù)的實(shí)例詳解,如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
當(dāng)前標(biāo)題:Angularjs的$http異步刪除數(shù)據(jù)詳解及實(shí)例
分享網(wǎng)址:http://www.yijiale78.com/article10/jooggo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、企業(yè)建站、App設(shè)計(jì)、全網(wǎng)營銷推廣、做網(wǎng)站、域名注冊
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)