解析Ajax如何处理响应信息
2006-09-20 22:18
513 查看
解析Ajax如何处理响应信息
用户的交互操作(interaction)驱动着Web站点。理解如何处理响应信息,特别是在使用新的交互操作形式(例如AJAX)的时候,这一点非常重要的。Kris Hadloc解释了AJAX请求-响应过程的本质,你应该了解这些内容,更好地为用户交互操作服务。请求和响应
AJAX引擎分很多个方面,每个方面都很重要。如果引擎执行发送请求和接收响应信息的事务,那么它就有很多的处理响 应信息的方法。响应信息是处理过程中的一个重要的部分,这是因为用户最终会与响应信息交互操作。本文详细解释了如何处理AJAX响应信息,并为用户提供反 馈信息,根据需要进行更新。我们从请求的就绪状态开始,接着解释响应信息的状态、回调(callback)和分析响应信息。本文还解释了响应信息的其它一 些方面,例如加载消息、错误处理和显示响应信息。
我建立了一个示例可供大家下载。这个示例包含了一个面向对象的AJAX引擎,你可以在任何AJAX应用程序中再次使用它。在讨论响应信息之前,我要指出如何建立AJAX引擎并发出请求。首先,让我们来看看AJAX引擎的代码(没有带上响应信息处理部分):
document.write(""); function Ajax() { this.toString = function() { return "Ajax"; } this.http = new HTTP(); this.makeRequest = function(_method, _url, _callbackMethod) { this.request = (window.XMLHttpRequest)? new XMLHttpRequest(): new ActiveXObject("MSXML2.XMLHTTP"); this.request.onreadystatechange = _callbackMethod; this.request.open(_method, _url, true); this.request.send(_url); } } |
var ajax = new Ajax(); ajax.makeRequest('GET', 'xml/content.xml', onResponse); |
就绪(Ready)状态
就绪状态由回调方法来处理,当我们做出请求的时候,回调方法就已经设置好了。在例子中,onResponse被设置为回调方法,它在本文中被用于处理所有的分析代码的操作。我们将使用下面的代码来检测回调方法中的AJAX对象的就绪状态:
function onResponse() { if(ajax.checkReadyState('body', 'loading...', 'loading...', 'loading...') == "OK") { // 此处是分析代码 } } |
this.checkReadyState = function(_id, _1, _2, _3) { switch(this.request.readyState) { case 1: document.getElementById(_id).innerHTML = _1; break; case 2: document.getElementById(_id).innerHTML = _2; break; case 3: document.getElementById(_id).innerHTML = _3; break; case 4: document.getElementById(_id).innerHTML = ""; return this.http.status(this.request.status); } } |
值 | 状态 |
0 | Uninitialized(未初始化) |
1 | Loading(正在载入) |
2 | Loaded(已经载入) |
3 | Interactive(交互) |
4 | Complete(完成) |
var loader = "〈IMG src="http://images.51cto.com/wuyou/images/loader.gif"〉"; ajax.checkReadyState('body', loader, loader, loader); |
相关文章推荐
- 解析Ajax如何处理响应信息
- 深入理解AJAX响应信息的处理
- 安卓app如何处理串口的响应信息
- 深入理解AJAX响应信息的处理
- 深入理解AJAX响应信息的处理
- Ajax发送同步请求给Spring,通过controller处理完成后如何返回响应
- mvc ---- ajax 提交过来的Json格式如何处理(解析)
- 深入理解AJAX响应信息的处理
- 深入理解AJAX响应信息的处理
- struts-hibernate-ajax完成区县和街道级联下拉框功能(二补充使用json解析list结果集,ajax循环json层级处理)
- spring利用扫描方式对bean的处理(对任何版本如何获取xml配置信息的处理)
- GC(游戏客户端)如何处理服务器的响应
- XML的DOM解析 求解!该如何处理
- 如何传送自定义json数据并解析处理
- JavaScript如何处理解析JSON数据详解
- jfinal ajax post方式提交 后台接收不到数据bug处理及解析
- Ajax对xml信息的接收和处理
- 有关短信息回执的解析处理
- java使用poi解析或处理excel的时候,如何防止数字变成科学计数法的形式
- 如何通过js处理相同时间的信息整合到一起的问题