在本篇文章里,我们将看到ajax和asp如何交互,我们可以初步了解AJAX和服务器端交互的用法,同时这里还可以看到JS中setInterval()和setTimeout()函数的比较.代码如下:
gettime.htm
<html>
<script language="javascript">
function InitAjax()
{
var objajax=false;
try {
objajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
objajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
objajax = false;
alert("你的浏览器不支持XMLHttpRequest对象,请升级");
}
}
if (!objajax && typeof XMLHttpRequest!='undefined') {
objajax = new XMLHttpRequest();
}
return objajax;
}
function getClock()
{
var url = "clock.asp"; //alert();
var show=document.getElementById("txttime");
var objajax = InitAjax();
objajax.open("GET", url, true);
objajax.onreadystatechange = function()
{
if (objajax.readyState == 4 && objajax.status == 200)
{
//alert(objajax.responseText);
show.value = objajax.responseText;
}
}
// setInterval( "getClock()", 1000 );
setTimeout( "getClock()", 1000 );
objajax.send(null);
}
</script>
<body onload="getClock()">
<input type="text" id="txttime">
<input type="button" onclick="getClock()" value="获取时间">
</body>
</html>
clock.asp
<%
Response.Write now()
%>
相信你看完后对ajax的使用有一定的了解了吧