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

  

<强> Angularjs美元的http异步删除数据详解及实例

  

有人会说删除这东西有什么可讲的,写个删除的服务,控制器调用一下不就完了。

  

嗯…看起来是这样,但是具体实现起来真的有这么简单吗?首先有以下几个坑

  

怎么确定数据是否删除成功?
  

  

怎么同步视图的数据库的内容?
  

  

<强> 1。思路

  

<强> 1。实现方式一

  

删除数据库中对应的内容,然后将范围中美元的对应的内容拼接

  

<强> 2。实现方式二

  

删除数据库中对应的内容,然后再重新加载一下数据(也就是再调用一次查询方法,这种消耗可想而知,并且还要保证先删除数据再查询)

  

<强> 2。具体实现方式

  

删除数据的服务:用异步,返回承诺

        服务(deleteBlogService,//删除博客   (“rootScope美元”,   “http美元”,   “问美元”,   函数(rootScope, http,美元问美元){   结果var={};   结果。操作=函数(看){   var延迟=$ q.defer ();   http({美元   标题:{   “内容类型”:“应用程序/x-www-form-urlencoded; charset=utf - 8”   },   url: rootScope美元。baseUrl美元+“/admin/博客/deleteBlogById”,   方法:“得到”,   数据类型:json,   参数:{   id:看   }   })   .success(功能(数据){   deferred.resolve(数据);   console.log(“删除成功!”);   })   . error(函数(){   deferred.reject ();   alert("删除失败!”)   });   返回deferred.promise;   };   返回结果;   }))   之前      

<强>控制器里面注意事项
  

  

要特别注意执行顺序:确保己经删除完成之后再去重新加载数据,不然会出来视图不更新,,,,,,,,,,,,,

     /* *   *删除博客   */$ scope.deleteBlog=函数(看){   var deletePromise=deleteBlogService.operate(看);   deletePromise。然后(函数(数据){   如果(数据)。状态==200){   var=getBlogListService.operate承诺($ scope.currentPage);   的承诺。然后(函数(数据){   美元的范围。博客=data.blogs;   美元的范围。pageCount=$ scope.blogs.totalPages;   });   }   });   };   之前      

以上就是Angularjs美元的http异步删除数据的实例详解,如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

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