php与ajax实现页面自动刷新
php与ajax实现页面自动刷新
发布者：chinaitlab
日期：
2014-03-25 06:29:55 浏览次数：0 (共有_条评论)
查看评论 | 我要评论
分享一例php实现页面自动刷新的代码，与ajax结合实现自动刷新页面中时间显示，有需要的朋友参考下。
1,php页面 index.php
代码示例：
<mce:script type="text/javascript"><!--
var xmlHttp;
function createXMLHttpRequest（）{
if（window.ActiveXObject）{
xmlHttp = new ActiveXObject（"Microsoft.XMLHTTP"）；
}
else if（window.XMLHttpRequest）{
xmlHttp = new XMLHttpRequest（）；
}
}
function start（）{
createXMLHttpRequest（）；
var url="getTime.php";
xmlHttp.open（"GET",url,true）；
xmlHttp.onreadystatechange = callback;
xmlHttp.send（null）；
}
function callback（）{
if（xmlHttp.readyState == 4）{
if（xmlHttp.status == 200）{
document.getElementById（"showtime"）。innerHTML = xmlHttp.responseText;
setTimeout（"start（）",1000）；
}
}
}
// --></mce:script>
2,html页面
代码示例：
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
</head>
<body>
<h1>Ajax动态显示时间--网页自动刷新</h1>
<input type="button" value="开始显示时间" />
<p>当前时间：<font color="red"><span></span></font></p>
</body>
</html>
<mce:script type="text/javascript"><!--
var xmlHttp;
function createXMLHttpRequest（）{
if（window.ActiveXObject）{
xmlHttp = new ActiveXObject（"Microsoft.XMLHTTP"）；
}
else if（window.XMLHttpRequest）{
xmlHttp = new XMLHttpRequest（）；
}
}
function start（）{
createXMLHttpRequest（）；
var url="getTime.php";
xmlHttp.open（"GET",url,true）；
xmlHttp.onreadystatechange = callback;
xmlHttp.send（null）；
}
function callback（）{
if（xmlHttp.readyState == 4）{
if（xmlHttp.status == 200）{
document.getElementById（"showtime"）。innerHTML = xmlHttp.responseText;
setTimeout（"start（）",1000）；
}
}
}
// --></mce:script>
3,简单例子
实现页面自动刷新。
代码示例：
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
</head>
<body>
<h1>Ajax动态显示时间</h1>
<input type="button" value="开始显示时间" />
<p>当前时间：<font color="red"><span></span></font></p>
</body>
</html>
2）、php代码 getTime.php
代码示例：
<?php
header（"cache-control:no-cache,must-revalidate"）；
header（"Content-Type:text/html;charset=gb2312"）；
$showtime = date（"北京时间Y年m月d日H:i:s"）；
echo $showtime;
?>
>>更多交流，请到ChinaUnix【Linux系统管理论坛】：http://http://www.zjjv.com///bbs/forum-2-1.html
关键词：
相关文章
网友评论
已有0位网友发表了看法
