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; }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!