玩转AJAX之四:深探XMLHttpRequest对象

本篇文章将与读者一起深探我们上篇文章的一个重要对象XMLHttpRequest细节。

一、关于Ajax的Http就绪状态

如果读者阅读这系列的文章是根据更新顺序阅读，那么相信大家对上篇文章的最后一段代码片段中的“readyState == 4”不会陌生，那这条语句究竟想表示啥了，不要着急，Looked down follow me。
Http就绪状态是用来表示向WEB程序发起请求后的状态信号，比如描叙着现在Client与Server的交互式是进行中、即将完成还是已经完成等等状态。在 Ajax 应用程序中需要了解五种就绪状态【表4-1】：

表4-1：Ajax就绪状态表
0：请求未初始化（还没有调用open()）。 
1：请求已经建立，但是还没有发送（还没有调用send()）。 
2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。 
3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。
4：响应已完成；您可以获取并使用服务器的响应了。

在上表中我们一般住需关注值为4的状态，为什么只需要关注该状态？因为不同的浏览器在就绪状态的表示上有小小的差别，比如FireFox与IE有1、2、3、4状态，而Opera就只有3、4状态。也因为浏览器的不同，会使我们在写程序的时候增加判断代码，所以我们只需要关注状态码为4的时候。

二、关于Http状态代码

相信读者经常能看到这样的代码：500、404，这些就是我们现在要谈到Http状态码。由于我们在发出请求的时候，如果页面出现错误比如：404（没找到网页），他的就绪状态最后页上为4，因为请求完成（不考虑是否得到想要的结果）。那么我们为了使程序跑的更稳定、数据可靠，我们应该在上篇文章的最后代码段中加入这样的判断[示例4-1]。

//示例4-1
if(Ajax.readyState==4)
{
   if(Ajax.status==200)//200表示是访问WEB服务器一切正常
  {
    alert(Ajax.responseText);
  }
}

 

三、关于responseText与responseXML

在上面代码中我们看到了responseText，那么在什么场景下使用了。表4-2

表4-2：
responseText：服务器返回的是文本格式的数据时使用。
responseXML：服务器返回的是XML格式的数据时使用。

四、总结

本篇主要是详细详解在运用Ajax开发中常用的知识，目的让读者知其然，知其所以然。相信读者下次看到类似的代码时感到不陌生。