 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>動(dòng)態(tài)顯示時(shí)間</title> 
</head> 
<script language="javascript"> 
var xmlHttp; 
function createXMLHttpRequest(){ 
if(window.ActiveXObject){ 
xmlHttp = new ActiveXObject("microsoft.XMLHTTP"); 
} 
else if(window.XMLHttpRequest){ 
xmlHttp = new XMLHttpRequest(); 
} 
else{ 
alert("創(chuàng)建請(qǐng)求失敗"); 
} 
} 
function sendRequest(){ 
createXMLHttpRequest(); 
url = "time_check.php"; 
xmlHttp.onreadystatechange = callback; 
xmlHttp.open('GET',url,true); 
xmlHttp.send(null); 
} 
function callback(){ 
if(xmlHttp.readyState ==4){ 
if(xmlHttp.status == 200){ 
document.getElementById("time").innerHTML = xmlHttp.responseText; 
setTimeout("sendRequest()",1000); 
} 
} 
} 
</script> 
<body> 
<input type="button" value="check it" onclick="sendRequest();" /> 
<br/> 
<span id="time"></span> 
</body> 
</html> 

服務(wù)器端代碼：

復(fù)制代碼代碼如下:

 
<?php 
header("cache-control:no-cache,must-revalidate"); //取消php頁面緩存的設(shè)置 
header('Content-type: text/html;charset=GB2312'); 
$showtime = date("北京時(shí)間Y年m月d日H:i:s"); 
echo $showtime; 
?> 

您可能感興趣的文章:

相關(guān)文章

Ajax教程實(shí)例詳解
AJAX 是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的藝術(shù)，在不重新加載整個(gè)頁面的情況下。接下來通過本文給大家介紹Ajax教程實(shí)例詳解，對(duì)ajax相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-03-03
js對(duì)ajax返回?cái)?shù)組的處理介紹
本篇文章主要是對(duì)js對(duì)ajax返回?cái)?shù)組的處理進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02
AJAX跨域問題解決方案詳解
從剛接觸前端開發(fā)起，跨域這個(gè)詞就一直以很高的頻率在身邊重復(fù)出現(xiàn)，一直到現(xiàn)在，已經(jīng)調(diào)試過N個(gè)跨域相關(guān)的問題了，這篇文章主要介紹了AJAX跨域問題的解決方案
2022-08-08
asp.net+ajax簡單分頁實(shí)例分析
這篇文章主要介紹了asp.net+ajax簡單分頁實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax分頁的具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-12-12
解決ajax跨域請(qǐng)求數(shù)據(jù)cookie丟失問題
本文主要是從前端jquery和服務(wù)端php為例，分別使用實(shí)例解決ajax跨域請(qǐng)求數(shù)據(jù)cookie丟失問題，推薦給有相同需求的小伙伴們。
2015-03-03
建立XMLHttpRequest對(duì)象
建立XMLHttpRequest對(duì)象...
2006-07-07
jQuery中ajax - post() 方法實(shí)例詳解
在jquery中的ajax有二個(gè)數(shù)據(jù)發(fā)送模式，一種是get，另一種是post()，下面我來給大家介紹介紹，有需要了解的朋友可參考
2015-09-09
ajax設(shè)置header指南教程
Ajax 是一個(gè)令人誤導(dǎo)的名稱,Ajax 應(yīng)用程序可能使用 XML 來傳輸數(shù)據(jù),但將數(shù)據(jù)作為純文本或 JSON 文本傳輸也同樣常見,本文給大家介紹ajax設(shè)置header指南教程,感興趣的朋友一起看看吧
2023-10-10
Ajax 和 Asp 的編程
Ajax 和 Asp 的編程...
2006-10-10
ajax與websocket的區(qū)別以及websocket常用使用方式介紹
這篇文章主要介紹了ajax與websocket的區(qū)別以及websocket常用使用方式介紹,需要的朋友可以參考下
2018-06-06