ajax实现自动刷新页面实例

html部分：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>ajax实现自动刷新</title>
</head>
<body onLoad="Autofresh()">
<p>现在的时间是：<span id="currenttime"></span></p><script>var xmlobj;var count=0;function createXMLHttpRequest(){if(window.ActiveXObject){xmlobj=new ActiveXObject("Microsoft.XMLHTTP");}else if(window.XMLHttpRequest){xmlobj=new XMLHttpRequest();}}function Autofresh(){createXMLHttpRequest();           count=count+1;        xmlobj.open("GET","currenttime.php?count="+count,true);xmlobj.onreadystatechange=doAjax;xmlobj.send("r="+Math.random());//使用随机数处理缓存}function doAjax(){if(xmlobj.readyState==4 && xmlobj.status==200){var time_span=document.getElementById('currenttime');time_span.innerHTML=xmlobj.responseText;setTimeout("Autofresh()",2000);}}</script>
</body>
</html>

php页面部分

<?php$count=$_GET["count"];$count=$count%7;switch($count){case 1: $message = "11111111111111111";break;case 2: $message = "22222222222222222";break;case 3: $message = "33333333333333333";break;case 4: $message = "44444444444444444";break;case 5: $message = "55555555555555555";break;case 6: $message = "66666666666666666";break;}       $res = $message;echo date("Y-m-d H:i:s")."<hr>"."现在的内容是：".$res;?>

效果图：

转载于:https://blog.51cto.com/xiyin001/1768164

ajax实现自动刷新页面实例相关推荐

Servlet 自动刷新页面
假设有一个网页,它是显示现场比赛成绩或股票市场状况或货币兑换率.对于所有这些类型的页面,您需要定期刷新网页. Java Servlet 提供了一个机制,使得网页会在给定的时间间隔自动刷新. 刷新网页的 ...
java web ajax异步刷新页面,ajax自动刷新页面有关问题
当前位置:我的异常网» Java Web开发 » ajax自动刷新页面有关问题 ajax自动刷新页面有关问题 www.myexceptions.net 网友分享于:2013-12-19 浏览:21 ...
ajax+jsp自动刷新
通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信.通过这个对象, JavaScript 可在不重载页面的情况与 Web ...
无闪烁刷新页面 php,AJAX_Ajax实现无闪烁定时刷新页面实例代码，在Web开发中我们经常需要实现 - phpStudy...
Ajax实现无闪烁定时刷新页面实例代码在Web开发中我们经常需要实现定时刷新某个页面: 1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录): 2.实现实时站 ...
在HTML中，实现每隔60秒自动刷新页面的功能
一.简介在 html 元素 < head > 头部区域内的 meta 标签中有个属性是 http-equiv="Refresh" ,该属性被所有主流浏览器支持. 其用 ...
BJUI接受TabID实现添加或编辑后自动刷新页面
场景借助于BJUI框架,不管是添加还是编辑,都要共用同一个页面,执行同一个save方法. 参照: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/ ...
gulp+browserSync自动刷新页面
BrowserSync "Browsersync能让浏览器实时.快速响应您的文件更改(html.js.css.sass.less等)并自动刷新页面.更重要的是 Browsersync可以同时 ...
ios 返回不会自动刷新页面问题
在实际开发过程中,移动端的兼容性问题有很大的坑,安卓可以了ios不行,ios可以了安卓又失效了这样,其中ios的回退操作就是不会自动刷新页面,很烦! 常见的history.back() history ...
javascript(js)自动刷新页面的实现方法总结
自动刷新页面的实现方法总结: 1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔 ...

ajax实现自动刷新页面实例

ajax实现自动刷新页面实例相关推荐

最新文章

热门文章