深入了解XMLHttpRequest

/**

*  转载请注明作者longdick    http://longdick.iteye.com

*

*/

 

你熟悉你的XMLHttpRequest对象吗，是否你也像很多人一样只会调用封装好的Ajax框架如prototype或者DWR,却从来没有关心过Ajax真正使用的XMLHttpRequest对象呢。

 

在非IE内核浏览器中，这个XMLHttpRequest对象是XmlHttpRequest类初始化的；

初始化的方式是request=new XMLHttpRequest();

 

然而在IE内核浏览器中，这个XMLHttpRequest对象是用一个叫ActiveXObject的类初始化的；

初始化的方式是request=new ActiveXObject("Msxml2.XMLHTTP");

或者带个版本号request=new ActiveXObject("Msxml2.XMLHTTP.5.0");

这个对应较新的IE浏览器版本支持的ActiveX对象；

但是为了支持较老版本的IE，你也可以这样初始化：

request=new ActiveXObject("Microsoft.XMLHTTP");

当然从使用效率和Bug数量方面考虑，优先使用第一种初始化方式。

（IE7似乎加入了XMLHttpRequest对象的支持，同时保留对ActiveXObject方式的兼容）

 

 

  var request=null;
  
  function createRequest(){
  try{
  request=new XMLHttpRequest();
  }catch(trymicrosoft){
  	try{
  	request=new ActiveXObject("Msxml2.XMLHTTP");
  	}catch(othermicrosoft){
  		try{
  		request=new ActiveXObject("Microsoft.XMLHTTP");
  		}catch(failed){
  		request=null;
  		}
	  }
  
  }
  if(request==null)alert("error creating request! ");
  }
  

 

 

这个XMLHttpRequest对象有个属性叫做readyState，这个属性描述了XMLHttpRequest对象当前所处的状态，共有五个状态值：

 

(0)未初始化
此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。

(1)载入
此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。

(2)载入完成
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。

(3)交互
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。

(4)完成
此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。

 

另一种解释是：

0: (Uninitialized) the send( ) method has not yet been invoked.
1: (Loading) the send( ) method has been invoked, request in progress.
2: (Loaded) the send( ) method has completed, entire response received.
3: (Interactive) the response is being parsed.
4: (Completed) the response has been parsed, is ready for harvesting.

0 － （未初始化）还没有调用send()方法
1 － （载入）已调用send()方法，正在发送请求
2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
3 － （交互）正在解析响应内容
4 － （完成）响应内容解析完成，可以在客户端调用了

 

 

XMLHttpRequest对象还有一个有用的属性就是status，用来表示客户端和服务端的对话状态。

属性status的含义:

0**：未被始化

1**：请求收到，继续处理

2**：操作成功收到，分析、接受

3**：完成此请求必须进一步处理

4**：请求包含一个错误语法或不能完成

5**：服务器执行一个完全有效请求失败

100——客户必须继续发出请求

101——客户要求服务器根据请求转换HTTP协议版本

200——交易成功

201——提示知道新文件的URL

202——接受和处理、但处理未完成

203——返回信息不确定或不完整

204——请求收到，但返回信息为空

205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件

206——服务器已经完成了部分用户的GET请求

300——请求的资源可在多处得到

301——删除请求数据

302——在其他地址发现了请求数据

303——建议客户访问其他URL或访问方式

304——客户端已经执行了GET，但文件未变化

305——请求的资源必须从服务器指定的地址得到

306——前一版本HTTP中使用的代码，现行版本中不再使用

307——申明请求的资源临时性删除

400——错误请求，如语法错误

401——请求授权失败

402——保留有效ChargeTo头响应

403——请求不允许

404——没有发现文件、查询或URl

405——用户在Request-Line字段定义的方法不允许

406——根据用户发送的Accept拖，请求资源不可访问

407——类似401，用户必须首先在代理服务器上得到授权

408——客户端没有在用户指定的饿时间内完成请求

409——对当前资源状态，请求不能完成

410——服务器上不再有此资源且无进一步的参考地址

411——服务器拒绝用户定义的Content-Length属性请求

412——一个或多个请求头字段在当前请求中错误

413——请求的资源大于服务器允许的大小

414——请求的资源URL长于服务器允许的长度

415——请求资源不支持请求项目格式

416——请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求

也不包含If-Range请求头字段

417——服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下

一级服务器不能满足请求

500——服务器产生内部错误

501——服务器不支持请求的函数

502——服务器暂时不可用，有时是为了防止发生系统过载

503——服务器过载或暂停维修

504——关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长

505——服务器不支持或拒绝支请求头中指定的HTTP版本