AJAX 動態(tài)獲取當前時間(php)
更新時間：2009年11月27日 16:13:19 作者：
利用AJAX動態(tài)獲取當前時間，客戶端time.php,服務器端time_check.php
客戶端代碼：
<!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>動態(tài)顯示時間</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)建請求失敗");
}
}
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>
服務器端代碼：
<?php
header("cache-control:no-cache,must-revalidate"); //取消php頁面緩存的設置
header('Content-type: text/html;charset=GB2312');
$showtime = date("北京時間Y年m月d日H:i:s");
echo $showtime;
?>
復制代碼 代碼如下:
<!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>動態(tài)顯示時間</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)建請求失敗");
}
}
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>
服務器端代碼：
復制代碼 代碼如下:
<?php
header("cache-control:no-cache,must-revalidate"); //取消php頁面緩存的設置
header('Content-type: text/html;charset=GB2312');
$showtime = date("北京時間Y年m月d日H:i:s");
echo $showtime;
?>
您可能感興趣的文章:
- PHP 利用AJAX獲取網(wǎng)頁并輸出的實現(xiàn)代碼(Zjmainstay)
- ajax獲取php頁面的返回參數(shù),控件賦值的方法
- 用PHP獲取Google AJAX Search API 數(shù)據(jù)的代碼
- PHP Ajax JavaScript Json獲取天氣信息實現(xiàn)代碼
- php獲取ajax的headers方法與內(nèi)容實例
- php+ajax實現(xiàn)無刷新動態(tài)加載數(shù)據(jù)技術
- php基于jquery的ajax技術傳遞json數(shù)據(jù)簡單實例
- ajax處理php返回json數(shù)據(jù)的實例代碼
- Ajax+php數(shù)據(jù)交互并且局部刷新頁面的實現(xiàn)詳解
- PHP+ajax實現(xiàn)獲取新聞數(shù)據(jù)簡單示例
相關文章
AJAX亂碼解決新方法...2007-07-07
這篇文章主要介紹了關于Ajax的封裝詳解,ajax用于瀏覽器與服務器之間使用異步數(shù)據(jù)傳輸(HTTP 請求),做到局部請求以實現(xiàn)局部刷新,本篇講解ajax的封裝,需要的朋友可以參考下2023-05-05
ajax回調(diào)函數(shù)中使用$(this)取不到對象的解決方法
如果在ajax的回調(diào)函數(shù)內(nèi)使用$(this)的話，實踐證明，是取不到任何對象的,需要的朋友可以參考下2014-06-06
在JQuery中可以使用get，post和ajax方法給服務器端傳遞數(shù)據(jù)，接下來，通過本篇文章給大家介紹jquery中ajax-get()方法實例詳解，有需要的朋友可以參考下2015-09-09
支持跨域的Ajax異步(請求)提交類2009-07-07
AJAX跨域請求數(shù)據(jù)的四種方法(實例講解)
下面小編就為大家?guī)硪黄狝JAX跨域請求數(shù)據(jù)的四種方法(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
使用Ajax生成流文件下載的功能，可以使用隱藏form的方式。需要的朋友可以參考下2013-07-07
load(url,[data],[callback])url：加載的頁面地址;data: 可選項，發(fā)送到服務器的數(shù)據(jù)，格式是key/value;callback:可選項，回調(diào)函數(shù)，示例代碼如下2013-05-05
下面小編就為大家?guī)硪黄狝JAX實現(xiàn)簡單的注冊頁面異步請求實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了Ajax驗證用戶名是否存在的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04