深入理解AJAX响应信息的处理(2)

ajax|响应

请求状态

  该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 = "<b>" + response.header + "</b><br/>"
+ response.description + "<br/><br/>"
+ "<a href='" + response.sourceUrl + "'>Download the source files</a>";
}

  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 = "<b>" + header + "</b><br/>"
+ description + "<br/><br/>"
+ "<a href='" + sourceUrl + "'>Download the source files</a>";

  用JavaScript的时候,JSON比XML要快一些,这是因为JSON所需要的分析代码比XML少很多,直接导致在分析大量数据的时候,JSON的速度较快。JSON不如XML的地方在于XML受到的支持更大、服务器端开发选项更多。你可以根据环境和请求的用途来做出选择。

  AJAX响应信息是AJAX通讯中的一个重要的部分。你需要处理很多方面的信息,包括就绪状态、错误处理和加载状态,并最终显示出来。有了这些信息之后,你就可以把注意力集中在响应信息上,为用户提供更多的信息。

  • Ajax: 一个建立Web应用的新途径
  • Ajax的错误处理机制探讨(2)
  • Ajax的错误处理机制探讨(1)
  • 初次体验.NET Ajax无刷新技术
  • Rails系统中的AJAX开发技术简析(4)
时间: 2024-08-01 04:04:13

深入理解AJAX响应信息的处理(2)的相关文章

深入理解AJAX响应信息的处理(1)

ajax|响应 作者:陶刚编译出处:天极开发责任编辑: 方舟 [ 2006-03-09 17:26 ]用户的交互操作(interaction)驱动着Web站点 用户的交互操作(interaction)驱动着Web站点.理解如何处理响应信息,特别是在使用新的交互操作形式(例如AJAX)的时候,这一点非常重要的.Kris Hadloc解释了AJAX请求-响应过程的本质,你应该了解这些内容,更好地为用户交互操作服务. 请求和响应 AJAX引擎分很多个方面,每个方面都很重要.如果引擎执行发送请求和接收响

深入理解AJAX响应信息的处理

ajax|响应 用户的交互操作(interaction)驱动着Web站点.理解如何处理响应信息,特别是在使用新的交互操作形式(例如AJAX)的时候,这一点非常重要的.Kris Hadloc解释了AJAX请求-响应过程的本质,你应该了解这些内容,更好地为用户交互操作服务. 请求和响应 AJAX引擎分很多个方面,每个方面都很重要.如果引擎执行发送请求和接收响应信息的事务,那么它就有很多的处理响应信息的方法.响应信息是处理过程中的一个重要的部分,这是因为用户最终会与响应信息交互操作.本文详细解释了如何

解析Ajax如何处理响应信息

ajax|响应 户的交互操作(interaction)驱动着Web站点.理解如何处理响应信息,特别是在使用新的交互操作形式(例如AJAX)的时候,这一点非常重要的.Kris Hadloc解释了AJAX请求-响应过程的本质,你应该了解这些内容,更好地为用户交互操作服务. 请求和响应 AJAX引擎分很多个方面,每个方面都很重要.如果引擎执行发送请求和接收响应信息的事务,那么它就有很多的处理响应信息的方法.响应信息是处理过程中的一个重要的部分,这是因为用户最终会与响应信息交互操作.本文详细解释了如何处

Ajax如何处理响应信息

用户的交互操作(interaction)驱动着Web站点.理解如何处理响应信息,特别是在使用新的交互操作形式(例如AJAX)的时候,这一点非常重要的.Kris Hadloc解释了AJAX请求-响应过程的本质,你应该了解这些内容,更好地为用户交互操作服务. 请求和响应 AJAX引擎分很多个方面,每个方面都很重要.如果引擎执行发送请求和接收响应信息的事务,那么它就有很多的处理响应信息的方法.响应信息是处理过程中的一个重要的部分,这是因为用户最终会与响应信息交互操作.本文详细解释了如何处理AJAX响应

深入理解ajax系列第一篇之XHR对象_AJAX相关

前面的话 ajax是asynchronous javascript and XML的简写,中文翻译是异步的javascript和XML,这一技术能够向服务器请求额外的数据而无须卸载页面,会带来更好的用户体验.虽然名字中包含XML,但ajax通信与数据格式无关.下面将详细介绍ajax的内容  创建 ajax技术的核心是XMLHttpRequest对象(简称XHR),这是由微软首先引入的一个特性,其他浏览器提供商后来都提供了相同的实现.XHR为向服务器发送请求和解析服务器响应提供了流畅的接口,能够以

深入理解Ajax的get和post请求_javascript技巧

1.get请求 function () { //向服务器请求 时间 //1.创建异步对象(小浏览器) var xhr = new XMLHttpRequest(); //2.设置参数,true表示使用异步模式 xhr.open("get", "GetTime.ashx?name= Mr靖", true); //3.让get请求不从浏览器获取缓存数据 xhr.setRequestHeader("If-Modified-Since","0&

关于性能测试,浏览器请求响应信息

问题描述 关于性能测试,浏览器请求响应信息 !图片说明 昨天在看性能测试的某个文档时有讲到浏览器上的这部分,想知道这边表达了些什么信息. 1.timeline指的是什么?绿条是什么意思呢? 2.size是什么? 3.time的变化是相对于什么? 谢谢~~ 解决方案 timeline表示时间线 size是这个资源的大小, 后面各个时间方块就是这个资源在整个时间线上,在哪个阶段开始跟结束, 浏览器会有一些并行,同时下载多个资源

ajax响应json字符串和json数组的实例(详解)

最近上班太忙,晚上抽空整理一下ajax请求中,后台返回json字符串和json数组的场景,以及前台的处理示例. 直接看代码. json字符串的后台响应 package com.ajax; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.serv

理解 Ajax 及其工作原理,构建网站的一种有效方法

ajax Ajax 由 HTML.JavaScript 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序.本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 -- 从总体概述到细节的讨论 -- 使高效的 Web 开发成为现实.他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象. <--START RESERVED FOR FUTURE USE INCLUDE FILES--><--