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、付费专栏及课程。

余额充值