本篇文章将与读者一起深探我们上篇文章的一个重要对象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开发中常用的知识,目的让读者知其然,知其所以然。相信读者下次看到类似的代码时感到不陌生。