AJAX简单测试代码实例

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>无标题文档/title>
script type="text/javascript">
 var xmlhttp;
 //创建异步对象
 function initXmlHttp(){
   if(window.ActiveXObject){    //IE浏览器
     xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP");
   }
   else if(window.XMLHttpRequest){ //非IE浏览器
     xmlhttp = new window.XMLHttpRequest();
   }
 }
 window.onload = initXmlHttp;
 //发送异步请求
 function sendRequest(){
   //传入一个 myname 参数 和 一个用于解决IE缓存问题的实时毫秒数
   xmlhttp.open("GET","AJAX_servers.aspx?myname=xg" + new Date().getTime());
   //指定当readyState属性改变时的事件处理句柄onreadystatechange
   xmlhttp.onreadystatechange = funState;
   xmlhttp.send(null);
 }
 
 //获取异步结果
 function funState(){
   if( xmlhttp.readyState == 4)
   {
     if( xmlhttp.status == 200 || //status==200 表示成功！
       xmlhttp.status == 0) //本机测试时，status可能为0。
     {
       var re = xmlhttp.responseText;
       //alert(re);
       document.getElementById("divShow").innerHTML = re;
     }
   }
 }
/script>
/head>
body>
button onclick="sendRequest();">发送/button>
div id="divShow">/div>
/body>
/html>