Ajax删除成功刷新页面但是数据刷新不了需要手动刷新---详解

需求 :使用ajax进行删除数据,删除完成后,自动刷新数据.

 

js代码

 

 

其中   href='javascript:' 主要是说明a标签需要执行一段js代码，并不需要跳转。this是onclick事件的拥有者即标签

 

body代码

 

1.  
    
    
    

   关键字信息			关键字价格设置		关键字当前情况
   序号	关键字	起价	竞价模式/竞技价格	竞前三名	质量度	当前前三名价格	操作
   ${type.index+1}	${demo.keyword }	${demo.qiprice }			${demo.zhiliang }		删除

 

controller代码

 

1. //刪除關鍵字

2. @RequestMapping("/delete")

3. @ResponseBody

4. public Map deleteJing(Integer id,ModelAndView mv){

5. int i = jcs.DeleteKey(id);

6. Map resultMap = new HashMap();

7. if (i==1) {

8. resultMap.put("type", "success");

9. }else{

10. resultMap.put("type", "err");

11. }

12. mv.setViewName("/WEB-INF/jsp/guess");

13. return resultMap;

14. }

 

效果图为

 

 

 

 

有两种方法，setInterval（function,time）和setTimeout(function,time),function是要执行的函数，time是要延迟的时间，单位毫秒。虽然这两种方法都可以实现，但他们的实现原理是不同的，setTimeout是一个延迟方法，它会让函数延迟一段时间执行，这个函数只执行一次，不过我们使用递归调用，就可以做到定时执行函数，如：

function al(){

alert("that's ok");

setTimeout(al,1000);         

} 

如果我们用setInterval就不需要这样了，如下：

function bl(){

alert("ok");

}

setInterval(bl,1000);