早就听说Ajax的好处,最近才有时间来看 相关技术资料,做了一些小例子,下面是我写的第一个例子,在页面上显示当前时间,并且随当前时间改变

客户端:

 

<script>
               var timer;
               function Send()
              ...{
                var request = false;
              if (window.ActiveXObject)
              ...{ // IE
                  try
                  ...{
                     request = new ActiveXObject("Msxml2.XMLHTTP");
                  }
                  catch(e) 
                  ...{
                     try 
                     ...{
                        request = new ActiveXObject("Microsoft.XMLHTTP");
                     } 
                     catch (e) 
                     ...{
                     }
                  }
               }
               
              if (!request)
              alert("Error initializing XMLHttpRequest!");

              var Time = document.getElementById("time").value;
               var url = "Server.aspx";
               request.onreadystatechange = doContents;
               request.open('GET', url, true);
               request.send(null);
               
               function doContents() 
               ...{
                   if (request.readyState == 4) 
                   ...{
                      if (request.status == 200) 
                      ...{
                         document.getElementById("time").value = request.responseText
                      }
                      else 
                      ...{
                         alert('There was a problem with the request.');
                         alert(request.status);
                      }
                   }
               }
           }
       
           var interval = 1000;
           var timer = window.setInterval(Send, interval);

</script>

 

 

服务段:

        服务段页面部分只剩下

<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="Server.aspx.cs" Inherits="Server" %>

其余部分都删除掉了,不然客户端会显示服务端所有页面代码


    protected void Page_Load(object sender, EventArgs e)
    ...{
        Response.Write(DateTime.Now.ToString()); //输出当前时间
    }
posted on 2007-05-23 11:57  zjz  阅读(229)  评论(2)    收藏  举报