ajax的实现过程

前几天去百度一面，被问到了这个，于是就想整理一下Ajax的基本步骤。

AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

那么如果让我们自己写一个ajax请求，主要包括哪些基本步骤呢。为了讨论这个问题，我们首先看一个了解一个重要的对象XMLHTTPRequest。XMLHttpRequest对象的属性和方法如下：
readyState属性有五个状态值。0：是uninitialized，未初始化。已经创建了XMLHttpRequest对象但是未初始化。1：是loading，send for request but not called .已经开始准备好要发送了。2：是loaded, send called,headers and status are available。已经发送，但是还没有收到响应。3：是interactive，downloading response,but responseText only partial set.正在接受响应，但是还不完整。4：是completed，finish downloading.接受响应完毕。responseText：服务器返回的响应文本。只有当readyState>=3的时候才有值，根据readyState的状态值，可以知道，当readyState=3，返回的响应文本不完整，只有readyState=4，完全返回，才能接受全部的响应文本。responseXML：response  as Dom Document object。响应信息是xml，可以解析为Dom对象。status：服务器的Http状态码，若是200，则表示OK，404，表示为未找到。statusText：服务器http状态码的文本。比如OK，Not Found。
创建Ajax对象的基本步骤如下：
（1）首先创建一个XMLHttpRequest对象。使用 XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对 Firefox、Opera 以及 Safari 浏览器。假如失败，则尝试针对 Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP")，假如也不成功，则尝试针对 Internet Explorer 5.5+ 的 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")。
（2）通过open（）方法与服务器建立连接。
（3）通过send（）方法像服务器发送数据请求。
（4）根据不同的返回状态设置不同的回调函数。
代码如下
function ajax(url, fnSucc, fnFaild){//1.创建ajax对象var oAjax=null;if(window.XMLHttpRequest){oAjax=new XMLHttpRequest();}else{oAjax=new ActiveXObject("Microsoft.XMLHTTP");}//2.连接服务器//open(方法, url, 是否异步)oAjax.open('GET', url, true);//3.发送请求oAjax.send();//4.接收返回//OnReadyStateChangeoAjax.onreadystatechange=function (){if(oAjax.readyState==4){if(oAjax.status==200){//alert('成功：'+oAjax.responseText);fnSucc(oAjax.responseText);}else{if(fnFaild){fnFaild();}}}};}