关于 ajax 回调 定时器的用法

前端之家收集整理的这篇文章主要介绍了关于 ajax 回调 定时器的用法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
//前台的请求页面
<scripttype="text/javascript">
<!--
varxmlHttp;
functioncreateXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}
elseif(window.XMLHttpRequest){
xmlHttp=newXMLHttpRequest();
}
}
functionstart(){
createXMLHttpRequest();
varurl="getTime.PHP";
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=callback;
xmlHttp.send(null);
}
functioncallback(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
document.getElementById("showtime").innerHTML=xmlHttp.responseText;
setTimeout("start()",1000);
}
}
}

</script>


<html>
<head>
<Metahttp-equiv="content-type"content="text/html;charset=utf-8"/>
</head>
<body>
<h1>Ajax动态显示时间</h1>
<inputtype="button"value="开始显示时间"id="go"onclick="start()"/>
<p>当前时间:<fontcolor="red"><spanid="showtime"></span></font></p>
</body>
</html>

//后台页面的请求

<?PHP

header("cache-control:no-cache,must-revalidate");

header("Content-Type:text/html;charset=utf-8");

date_default_timezone_set('PRC');

$showTime = date('Y-m-d H:i:s');

echo $showTime;

?>

猜你在找的Ajax相关文章