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实现无闪烁定时刷新页面实例代码,希望对大家有所帮助,如果大家想了解更多资讯敬请关注脚本之家网站!

时间: 2024-08-04 11:12:20

Ajax实现无闪烁定时刷新页面实例代码的相关文章

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

在Web开发中我们经常需要实现定时刷新某个页面: 1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录): 2.实现实时站内短信: 3.定时更新页面数据等等.但是我们在网上搜搜会发现有很多定时刷新页面的方法,最简单的就是在<head></head>标记之间加上如下代码: 在<head></head>标记之间加上代码,实现定时刷新,此代码我已经测试过,可以实现效果 <meta http-equiv="ref

Ajax实现无刷新分页实例代码

今天我们要用ajax做一个分页: 实现Ajax分页: 如果可以的话加上查询条件 找一张表做分页 分页不使用page类 页面不用刷新 Ajax加载数据 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="jquery-1.11.2.

Jquery、Ajax、Struts2完成定时刷新的方法_JSP编程

步骤一:导入jquery插件 复制代码 代码如下: <script type="text/javascript" src="js/easyui/jquery-1.8.0.min.js"></script> 步骤二:在<body></body>中添加信息显示的地方 复制代码 代码如下: <label id="context"></label> 步骤三:在页面中添加JS代码 复制

重写 ajax 实现 session 超时跳转到登录页面实例代码

问题:使用window.location.href来跳转页面的时候,后端只需实现一个过滤器就可以在session超时的情况下重定向到登陆页面.但是使用ajax呢?使用ajax来执行会发生302错误,并且页面不可能跳转.下面就针对这个问题来贴上我的前后端代码. 1.session过滤器 import java.io.IOException; <p style="text-align: center"><img alt=""import javax.s

Ajax表单异步上传文件实例代码(包括文件域)_AJAX相关

1.起因 做前台页面时,需要调用WebAPI的Post请求,发送一些字段和文件(相当于把表单通过ajax异步发送出去,得到返回结果),然后得到返回值判断是否成功. 2.尝试 先是尝试了一下 "jQuery Form Plugin" ,这玩意就是的巨大的坑,实现他和jquery1.9.2兼容性就不是太好,好不容易把$.browser的问题解决了,发现用他上传文件得不到返回值. $("#view").submit( $("#view").ajaxSu

Ajax表单异步上传文件实例代码(包括文件域)

1.起因 做前台页面时,需要调用WebAPI的Post请求,发送一些字段和文件(相当于把表单通过ajax异步发送出去,得到返回结果),然后得到返回值判断是否成功. 2.尝试 先是尝试了一下 "jQuery Form Plugin" ,这玩意就是的巨大的坑,实现他和jquery1.9.2兼容性就不是太好,好不容易把$.browser的问题解决了,发现用他上传文件得不到返回值. $("#view").submit( $("#view").ajaxSu

VB.NET设置屏幕分辨率、颜色位数、刷新率 实例代码

这篇文章介绍了VB.NET设置屏幕分辨率.颜色位数.刷新率 实例代码,有需要的朋友可以参考一下   复制代码 代码如下: Private Declare Function GetDeviceCaps Lib "gdi32" (ByVal hdc As Long, ByVal nIndex As Long) As Long Private Declare Function ChangeDisplaySettings Lib "user32" Alias "C

ASP.NET打开新页面而不关闭原来的页面 实例代码

这篇文章介绍了ASP.NET打开新页面而不关闭原来的页面 实例代码,有需要的朋友可以参考一下,希望对你有所帮助   复制代码 代码如下: Respose.Write("<script     language='javascript'>window.open('"+     url     +"');</script>"); (打开简洁窗口): Respose.Write("<script     language='java

Android 仿今日头条简单的刷新效果实例代码_Android

点击按钮,先自动进行下拉刷新,也可以手动刷新,刷新完后,最后就多一行数据.有四个选项卡. 前两天导师要求做一个给本科学生预定机房座位的app,出发点来自这里.做着做着遇到很多问题,都解决了.这个效果感觉还不错,整理一下. MainActivity package com.example.fragmentmytest; import android.content.DialogInterface; import android.graphics.Color; import android.os.B