php+ajax实现页面自动刷新时间

最新推荐文章于 2023-04-12 20:02:39 发布

原创最新推荐文章于 2023-04-12 20:02:39 发布 · 7.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #php #xmlhttprequest #function #callback #button

本文介绍了一个使用Ajax技术实现网页上动态显示服务器时间的例子。通过每隔一秒从服务器获取当前时间并更新页面显示，展示了基本的Ajax请求与响应处理流程。

index.php

<mce:script type="text/javascript"></mce:script> <html> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> </head> <body> <h1>Ajax动态显示时间</h1> <input type="button" value="开始显示时间" id="go" onclick="start()" /> <p>当前时间：<font color="red"><span id="showtime"></span></font></p> </body> </html>

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; ?>