请求状态
该AJAX对象的请求状态与被请求文件的HTTP状态是一样的。包含在AJAX文件中的HTTP对象处理了所有的W3C描述的HTTP状态代码定义,并把它们返回给请求方法。状态代码被分成了五个部分:
·信息的1xx
·成功的2xx
·重定向3xx
·客户端错误4xx
·服务器错误5xx
上面的数字中的最前面一位表示某种类别的状态代码。例如,成功的是2xx,它的意思是包含了200-299之间的所有状态代码。HTTP对象检查状态代码的第一位数字,并根据代码所属的类别,执行一次转换。在检测出类别之后,HTTP对象把它发送给响应方法,该方法把状态代码作为字符串的形式返回。这就是HTTP状态方法:
this.status = function(_status)
{
var s = _status.toString().split(“”);
switch(s[0])
{
case “1”:
return this.getInformationalStatus(_status);
break;
case “2”:
return this.getSuccessfulStatus(_status);
break;
case “3”:
return this.getRedirectionStatus(_status);
break;
case “4”:
return this.getClientErrorStatus(_status);
break;
case “5”:
return this.getServerErrorStatus(_status);
break;
}
}
状态代码是通过检测该代码的第一位数字来处理的。一旦完成了代码检测,原始的状态代码就被发送到一个适当的方法中,该方法给onResponse方法发送一个字符串形式的状态代码。接着我们就可以把这条消息显示给用户,如果遇到了什么错误,她/他就知道发生了什么情况。另一方面,如果请求是成功的,那么就显示数据。
ResponseText和ResponseXML
响应信息的内容可能有多种不同的形式,例如XML、纯文本、(X)HTML或JavaScript对象符号(JSON)。我们可以根据所接收到的数据格式的不同,用两种不同的方法来处理:使用responseText或者responseXML。responseText方法用于那些并非基于XML的格式。它把响应信息作为字符串,返回精确的内容。纯文本、(X)HTML和JSON都使用responseText。在纯文本或HTML上使用这个方法是很简单的:
if(ajax.checkReadyState(‘body’, ‘loading…’, ‘loading…’, ‘loading…’) == “OK”)
{
document.getElementById(‘body’).innerHTML = ajax.request.responseText;
}
它最简单不过了!一旦载入响应信息完成,我们就调用AJAX对象,用responseText来检索它的值,并把它添加到页面上。
处理JSON响应信息比处理纯文本或(X)HTML需要多一点技巧。下面是我们分析一个JSON文件的示例:
{ ‘header’ : ‘How to Handle the Ajax Response’,
’description’ : ‘An in-depth explanation of how to handle the Ajax response.’,
’sourceUrl’ : ‘http://www.krishadlock.com/clients/informit/AjaxResponse/AjaxResponse.zip’}
数据被冒号(:)分成了两个部分:标签名称和值。附加的数据被逗号(,)分成新的名称/值对。现在我们知道了JSON的样子了,下面是我们分析它的方法:
if(ajax.checkReadyState(‘body’, ‘loading…’, ‘loading…’, ‘loading…’) == “OK”)
{
eval(“var response = (“+ajax.request.responseText+”)”);
document.getElementById(‘body’).innerHTML = “” + response.header + “
”
+ response.description + “
”
+ “Download the source files”;
}
JSON数据首先由JavaScript来分析(使用简单的eval()过程)。一旦数据被分析好了并建立了响应信息对象,我们就可以简单地通过名字来获取它们的响应信息值。
responseText不仅可以给页面添加内容,它在调试AJAX请求的时候也有用处。例如,你可能还没有准备好分析数据,因为你还不知道所有的标签是什么样的,是XML格式的还是JSON文件。这就要求有一种用于检测被分析数据的途径。一旦你知道了所有的标签名称,所需要做的事情就只是编写代码了。
responseXML的使用也相当简单。但是与JSON格式类似,XML要求进行数据分析。我们需要执行的第一项事务是识别出XML响应信息中的根节点。
var response = ajax.request.responseXML.documentElement;
下一步,我们通过名称获取所有的元素并得到它们的值:
var header = response.getElementsByTagName(‘header’)[0].firstChild.data;
var description = response.getElementsByTagName(‘description’)[0].firstChild.data;
var sourceUrl = response.getElementsByTagName(‘sourceUrl’)[0].firstChild.data;
最后,我们把响应信息显示在相应的div标记中:
document.getElementById(‘body’).innerHTML = “” + header + “
“
+ description + “
”
+ “Download the source files”;
用JavaScript的时候,JSON比XML要快一些,这是因为JSON所需要的分析代码比XML少很多,直接导致在分析大量数据的时候,JSON的速度较快。JSON不如XML的地方在于XML受到的支持更大、服务器端开发选项更多。你可以根据环境和请求的用途来做出选择。
AJAX响应信息是AJAX通讯中的一个重要的部分。你需要处理很多方面的信息,包括就绪状态、错误处理和加载状态,并最终显示出来。有了这些信息之后,你就可以把注意力集中在响应信息上,为用户提供更多的信息。
我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。
我原创,你原创,我们的内容世界才会更加精彩!
【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】
微信公众号
TechTarget
官方微博
TechTarget中国
相关推荐
-
八个超实用的jQuery技巧攻略
jQuery是JavaScript最好的库之一,主要用于制作动画、事件处理,支持Ajax及HTML脚本客户端。文中分享了8个超实用的jQuery代码技巧攻略,希望你会喜欢。
-
融入Web国际标准生态系统 共建开发平台—万维网联盟北航总部成立
2013年1月21日下午,国际著名互联网技术标准组织(World Wide Web Consortium,以下简称W3C)北航总部揭牌仪式在北京航空航天大学唯实大厦举行。
-
HTML5强大功能背后的安全陷阱
尽管HTML5使网站的功能更为强大,但开发人员需充分利用其新的技术特征来提高网站的安全性,使用不当会带安全问题,你知道吗?
-
前端页面开发之Node.js初学者指南
Node.js是刚刚兴起的一个概念,你对它的了解有多少?Node.js的意义是什么,它是怎么发展起来的?Node.js的作用是怎样的呢?