skyelay 发表于 2013-1-23 02:46:46

最容易理解的ajax例子

<script type="text/javascript">
   function ajaxFunction(){
       var xmlHttp;
      try{
            //Firefox, Opera 8.0+, Safari
            xmlHttp = new XMLHttpRequest();
      }catch(e){
            // Internet Explorer
         try{
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                //Internet Explorer 5.5+
                try{
                  xmlHttp = new new ActiveXObject("Microsoft.XMLHTTP");
                }catch(e){
                  alert("您的浏览器不支持AJAX!");
                  return false;
                }
            }
      }
    xmlHttp.open("GET","??",true);//与服务端传输数据,??服务端的路径如:servlet
   xmlHttp.send(null);
    xmlHttp.onreadystatechange=function()//执行空函数,根据状态取值
{
   //0 请求未初始化(在调用 open() 之前)
      //1 请求已提出(调用 send() 之前)
      //2 请求已发送(这里通常可以从响应得到内容头部)
      //3 请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
      //4 请求已完成(可以访问服务器响应并使用它)
      if(xmlHttp.readyState==4)
    {
      // 从服务器的response获得数据
         //利用js把返回值赋给某个元素??=xmlHttp.responseText;
      document.write(xmlHttp.responseText)//输出服务端返回的值
    }
}
}
</script>
剩下的就是调用了,你可以利用js事件调用随便你了。
页: [1]
查看完整版本: 最容易理解的ajax例子