2014年1月6日 12:51:15

情景:

发现博客园的后台管理中,在某个列表页里删除某个列表项的时候,用ajax删除,本页不刷新,只是高亮显示那个已删除的项,不再来回跳转并刷新页面了

感觉这样减轻了程序的编码量和复杂度,而且,让管理员很明了,减少了管理员等待页面刷新的时间,就用到了项目中(之前有段时间发现百度音乐的列表页也是类似的效果)

注意:

1.需要jquery,在用ajax删除记录的地方用到了,其它的都是原生js

2.由于原生js的confirm框因为样式等原因被重写了,返回值不是true/false,因此这里用一个div来代替confirm确认框

 

1     
     
       2         
      
        3             
          4                 
 5                 
 6                 
 7             
 8             <{foreach from=$listNews item=news}> 9                 
         10                     
11                     
14                     
20                 
21             <{/foreach}>22         
       
        
         
标题
         
操作
         
        
        
         
<{$news.title}>
         
12                         删除13                     
         
15                         16 确定删除17 取消删除18 19                     
        
       
      
23         注:默认按照添加时间倒排,删除的条目在刷新后从列表中消失,不再频繁刷新网页24     
     
25 

 删除前

删除确认

删除后