AJAX工作原理

AJAX不是一项新的技术，而是多种技术的综合，包括JavaScript、XHTML、CSS、DOM、XML、XMLHttpRequest

AJAX的工作原理为：

        在客户端与服务器进行通信的时候，客户端的请求先发送给AJAX引擎，再由AJAX引擎发送到服务器。

具体实现步骤：

1.创建XMLHttpRequest对象

2.注册监听

（1）利用XMLHttpRequest对象的onreadystatechange实行来监听服务器的通信状态

（2）服务器的通信状态具体由XMLHttpRequest对象的readyState属性来获取

（3）在利用XMLHttpRequest的status属性来获取访问服务器端是否正确

3.与服务器建立连接

4.向服务器发送数据

window.onload = function(){

//获取XmlHttpRequest对象

var xhr = ajaxFunction();

//注册监听

xhr.onreadystatechange=function(){

if(xhr.readyState==4){

if(xhr.status==200){

//进行相应的操作的

}

}

}

//与服务器建立连接

xhr.open("post","../xmlFileServlet?timeStamp="+new Date().getTime(),true);

xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");

//向服务器发送请求

xhr.send(null);

}

onreadystatechange事件： 

该事件处理函数由服务器转发而不是由用户转发

readyState:表示AJAX请求的当前状态，每次readyState属性的改变都会出发onreadystatechange事件

//创建XMLHttpRequest对象
function ajaxFunction(){
   var xmlHttp;
   try{ // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e){
  try{// Internet Explorer
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
     }
   catch (e){
     try{
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
     catch (e){}
     }
    }


return xmlHttp;
 }