xmlhttp例子

 

< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head runat = " server " >
    
< title > xmlhttprequest ajax demo </ title >
    
< script type  = " text/javascript "  language  = " javascript "   >
    var Int; 
Int 
=  setInterval( " creatReq('ajaxServer.aspx') " 3000 ); 
    
    
        var req; 
// 定义变量,用来创建xmlhttprequest对象
        function creatReq(  url)  //  创建xmlhttprequest,ajax开始
        {
           
//  var url="ajaxServer.aspx";  // 要请求的服务端地址
             if (window.XMLHttpRequest)  // 非IE浏览器,用xmlhttprequest对象创建
            {
                req
= new  XMLHttpRequest();
            }
            
else   if (window.ActiveXObject)  // IE浏览器用activexobject对象创建
            {
                req
= new  ActiveXObject( " Microsoft.XMLHttp " );
            }
            
            
if (req)  // 成功创建xmlhttprequest
            {
                req.open(
" GET " ,url, true );  // 与服务端建立连接(请求方式post或get,地址,true表示异步)
                req.onreadystatechange  =  callback;  // 指定回调函数
                req.send( null );  // 发送请求
            }
        }
        
        function callback() 
// 回调函数,对服务端的响应处理,监视response状态
        {
            
if (req.readystate == 4 // 请求状态为4表示成功
            {
                
if (req.status == 200 // http状态200表示OK
                {
                    Dispaly(); 
// 所有状态成功,执行此函数,显示数据
                }
                
else   // http返回状态失败
                {
                    alert(
" 服务端返回状态 "   +  req.statusText);
                }
            }
            
else   // 请求状态还没有成功,页面等待
            {
                document .getElementById (
" myTime " ).innerHTML  = " 数据加载中 " ;
            }
        }
        
        function Dispaly() 
// 接受服务端返回的数据,对其进行显示
        {
            document .getElementById (
" myTime " ).innerHTML  = req.responseText;
        }
        
    
</ script >
</ head >
< body >
    
< div id = " myTime " ></ div >
</ body >
</ html >

 

public   partial   class  ajaxServer : System.Web.UI.Page
{
    
protected   void  Page_Load( object  sender, EventArgs e)
    {
        Response.Write(
" <h1> " + DateTime.Now.ToString() + " </h1> " );  // 输出当前时间

    }
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值