XmlHttpRequest异步请求的创建示例

 

<script type="text/javascript">
 var xmlHttp;
 function createXMLHttpRequest()//创建异步请求对象
 {
	  if(window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器
            }
            else if(window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();//非IE浏览器
            }
			 function startRequest()//向服务器发送请求
            {
            createXMLHttpRequest();
            xmlHttp.onreadystatechange = handleStateChange;
            xmlHttp.open("GET","demo1.html",true);//第三个为true表示是异步请求
            xmlHttp.send(null);//向服务器发送数据
           }
		   function handleStateChange()//处理请求的回调函数
		   {
			   if(xmlHttp.readyState==4)//收到了服务器的请求
               {
                if(xmlHttp.status==200)//表示服务器响应正常
                  {
                    alert("来自服务器的响应："+xmlHttp.responseText);//获取服务器响应的文本
                  }
               }
	       }
	}
</script>

 aspx页面代码

 

<form id="form1" runat="server">
    <div style="text-align: center">
        <input id="Button1" style="width: 85px" type="button" value="发送请求" onclick="startRequest();" />&nbsp;</div>
    </form>

 demo1.html页面

喂喂，我是服务器！收到没？