一个简单的使用XMLHttpRequest获得服务器数据的例子

原创 于 2008-05-02 13:57:00 发布 · 2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#xmlhttprequest #服务器 #url #ajax #null

本文介绍了一个简单的 Ajax 实例，包括前台 JavaScript 代码实现与后台处理流程。前台通过 XMLHttpRequest 对象发送 GET 请求到指定 URL，后台接收请求参数并返回定制消息。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

看网上有很多的相关资料，总结的一个Ajax入门实例。

前台代码：

定义一个XMLHttpRequest对象并使用简单的GET方法，直接从指定的url获得服务器的值。


<html>
        <head>
            <title>Ajax 入门</title>
            <script type="text/javascript" language="javascript">
                var req;
                function CreateRequest()
                {
                    if(window.XMLHttpRequest)
                    {
                        req = new XMLHttpRequest();
                    }
                    else
                    {
                        if(window.ActiveXObject)
                        {
                            try
                            {
                                req = new ActiveXObject("Msxml2.XMLHTTP");
                            }
                            catch(msxmlException)
                            {
                                try
                                {
                                    req = new ActiveXObject("Microsoft.XMLHTTP");
                                }
                                catch(ex)
                                {
                                    req = false;
                                }
                            }
                        }                        
                    }
                    
                    if(!req)
                    {
                        alert("XMLHttpRequest initilized failure");
                    }
                    
                    return req;
                }
                
                function AjaxDemo()
                {
                    req = CreateRequest();
                    var empno = document.getElementById("employee").value;
                    if(empno == "") return ;
                    var url = "Server.aspx?empno="+escape(empno);
                    req.open("GET",url,true);
                    req.onreadystatechange = StateChanged;
                    req.send(null);
                }
                
                function StateChanged()
                {
                    if(req.readyState == 4 )
                    {
                        if(req.status == 200)
                        {
                            alert(req.responseText);
                        }
                        else if(req.status == 404)
                        {
                            alert("request url is not found");
                        }
                        else if(req.status == 401 || req.status == 403)
                        {
                            alert("request url is forbidden or not authorized to visit.");
                        }
                        else
                        {
                            alert("unexpected error!Status Code :"+req.status);
                        }
                    }                    
                }
            </script>
        
        </head>
        
        <body>
            <div id="container" class="container">
                                       <input id="employee" onchange="AjaxDemo();" value="" />
            </div>
        </body>    
</html>

 

后台代码：

后台获得传入的参数，处理完，返回【欢迎您，xxx】。

private void Page_Load(object sender, System.EventArgs e)
        {
            string empno = Request.QueryString["empno"];
            ReturnValue(empno);
        }

        public void ReturnValue(string empno)
        {
             //处理.......
            Response.Write("欢迎您"+empno);
            Response.End();
        }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值