Ajax实现无闪烁定时刷新页面实例代码

 更新时间:2016年05月30日 14:41:37   作者:盛开的雨季  
这篇文章主要介绍了使用Ajax技术实现无闪烁定时刷新页面实例代码,非常不错具有参考借鉴价值,感兴趣的朋友一起看下吧

在Web开发中我们经常需要实现定时刷新某个页面:

1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录);

2.实现实时站内短信;

3.定时更新页面数据等等。但是我们在网上搜搜会发现有很多定时刷新页面的方法,最简单的就是在<head></head>标记之间加上如下代码:

在<head></head>标记之间加上代码,实现定时刷新,此代码我已经测试过,可以实现效果

<meta http-equiv="refresh" content="5" URL="Example.aspx" />

说明:content的值代表页面刷新的间隔时间,以秒为单位

URL的值指定刷新的页面

还有一种方法就是用JavaScript来定时刷新页面

JavaScript定时刷新页面,此代码我没有经过测试

<script> 
var limit=":" 
if (document.images){ 
var parselimit=limit.split(":"); 
parselimit=parselimit[]*+parselimit[]*; 
} 
function beginrefresh(){ 
if (!document.images) 
return; 
if (parselimit==) 
window.location.reload(); 
else{ 
parselimit-=; 
curmin=Math.floor(parselimit/); 
cursec=parselimit%; 
if (curmin!=) 
curtime=curmin+" min "+cursec+" sec "; 
else 
curtime=cursec+" sec "; 
window.status=curtime; 
setTimeout("beginrefresh()",); 
} 
} 
window.onload=beginrefresh;
</script>

加到body中间,这里是0:10为10秒钟,可以自定义

以上所述是小编给大家介绍的Ajax实现无闪烁定时刷新页面实例代码,希望对大家有所帮助,如果大家想了解更多资讯敬请关注脚本之家网站!

相关文章

  • AJAX开发简略 (第二部分)

    AJAX开发简略 (第二部分)

    这篇文章主要给大家介绍了关于AJAX开发简略 (第二部分)的相关资料,需要的朋友可以参考下
    2006-12-12
  • ajax智能提示+textbox动态生成下拉框示例代码

    ajax智能提示+textbox动态生成下拉框示例代码

    ajax智能提示+textbox动态生成下拉框,下面有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-12-12
  • 利用ajax提交form表单到数据库详解(无刷新)

    利用ajax提交form表单到数据库详解(无刷新)

    这篇文章主要给大家介绍了关于利用ajax提交form表单到数据库(无刷新)的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-02-02
  • AJAX级联下拉框的简单实现案例

    AJAX级联下拉框的简单实现案例

    本篇文章主要是对AJAX级联下拉框的简单实现案例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • Ajax实现图片上传并预览功能

    Ajax实现图片上传并预览功能

    这篇文章主要介绍了Ajax实现图片上传并预览,需要的朋友可以参考下
    2018-06-06
  • 利用AJAX实现无刷新数据分页

    利用AJAX实现无刷新数据分页

    这篇文章主要介绍了利用AJAX实现数据分页的相关资料,如何利用AJAX无刷新直接从服务器获取数据分页,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • ajax调用简单实例

    ajax调用简单实例

    这篇文章主要介绍了ajax调用简单实例,结合实例形式分析了基于ajax调用讲URL返回数据填充到指定div的功能,需要的朋友可以参考下
    2015-12-12
  • IE9版本以下ajax 跨域问题可行解决方法

    IE9版本以下ajax 跨域问题可行解决方法

    ajax跨域请求数据在谷歌火狐我本地IE11都是没问题的,IE9版本以下ajax 跨域却有问题,解决方法是对Internet 安全选项进行自定义级别
    2014-10-10
  • 利用AjaxSubmit()方法实现Form提交表单后回调功能

    利用AjaxSubmit()方法实现Form提交表单后回调功能

    ajaxSubmit()方法是JQuery Form表单插件中的方法,使用时,需要在jsp或者html页面上,引入JQuery库和Form插件。接下来通过本文给大家分享通过AjaxSubmit()方法实现Form提交表单后回调功能,感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-05-05
  • 掌握AJAX

    掌握AJAX

    掌握AJAX...
    2006-09-09

最新评论