<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"><!--
body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
--></mce:style><style type="text/css" mce_bogus="1"> body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
</style>
</head>
<body onload="getResponse()">
<mce:script language="javascript"><!--
var xmlhttp;
//通过一下的方式确保在不通的浏览器中都能够声明XMLHttpRequest对象.
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp=new ActiveXObject("Microsoft.XHLHTTP");
}catch(e){
try{
xmlhttp=new XMLHttpRequest();
}catch(e){}
}
}
function getResponse(){
//构造函数URL，传送一个本地时间。
var dateObj=new Date();
var url="Response.php?time="+dateObj.toLocaleString();
xmlhttp.open("GET",url);
//绑定showMessage方法到onreadystatechange事件。
xmlhttp.onreadystatechange=showMessage;
//绑定之后调用send方法，有时颠倒这个次序会使响应得不到处理。
xmlhttp.send();
}
function showMessage(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
document.getElementById("Result").innerHTML=xmlhttp.responseText;
}
else{
document.getElementById("Result").innerHTML="Error!";
}
}
}
// --></mce:script>
<center>
<div id="Result" class="MyDiv" >Information:</div>
<input type="button" value="Get response" onclick="getResponse()">
</center>
</body>
</html>
服务器端响应文件Respons.php
<?
//回传客户端时间、Hello Word以及服务器时间一同返回客户端
echo "Ajax Test"."<br/>";
echo "myTime:".$_GET["time"]."<br/>";
echo "server:Hello Word!<br/>";
echo "server Time:".$showtime=date("Y-m-d H:i:s");
?>
