Ajax的小Demo

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 57 阅读

文章标签：

#javascript #ViewUI

在本篇文章里，我们将看到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的使用有一定的了解了吧