Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 javascript实现页面自动刷新

javascript实现页面自动刷新

发布时间:2014-07-20   编辑:www.jquerycn.cn
javascript实现页面自动刷新的代码,供大家学习参考。

博客的留言是用Ajax做的,当留言提交成功后页面自动刷新,便可以即时显示最新留言:
 

复制代码 代码如下:
    }else if(msg.indexOf("succeed")>=0){ 
         location.href = ""; 
    } 

location.href = ""表示跳转到当前页,火狐、Google等浏览器都没有问题,而IE确实做了一个很快的“跳转”,但是数据却没有没有重新载入,所有没有起作用。
当时经常看到有人留言重复,刚开始以为是留言者网速慢,点了两次提交,于是在提交后加入loading,但后来还是有重复留言,有朋友提出可能是IE下自动刷新有问题。

修改代码,问题得到解决:
 

复制代码 代码如下:
    }else if(msg.indexOf("succeed")>=0){ 
         location.reload(); 
    } 

注解:
    location.href = "URL":是指跳转到某个地址。(我这里是从当前页跳转到当前页,也就相当于刷新,不知道为啥IE就不行) 
    location.reload():重新加载页面。后面括号内可以加参数true活false; 
    location.reload(true) => F5; //刷新 
    location.reload(false) => CTRL+F5; //完全刷新

您可能感兴趣的文章:
网页页面自动刷新三种方法
js自动刷新当前页面方法详解
js控制网页自动刷新 刷新一次停止刷新
js刷新页面几种方法小结
js返回上一页并刷新多种方法举例
js自动刷新页面代码汇总
js定时刷新页面与跳转页面多种方法
js刷新页面方法汇总
js自动刷新页面代码
asp网页自动刷新方法汇总

关键词: 刷新  网页自动刷新   
[关闭]