AJAX框架汇总

ajax|ajax框架

1. Pure http://www.alixixi.com/web/a/javascript: Application Frameworks

1.1 Bindows (成立于2003年)

Backbase是一个通过DHTML、JavaScript、CSS和HTML等技术强劲联合起来的一套完整的Windows桌面式的WEB应用程序解决方案。Bindows无需下载安装客户端支撑组件（如Java、ActiveX或Flash），仅需一个浏览器。纯OO的理念体现在Bindows任何地方，Bindows或许是笔者见过的最完整最强大的javascript:void(0);">AJAX应用程序平台。
Bindows是商业程序的，使用了来自于MB的技术(总部位于GA USA，主要开发中心在瑞典，成立于2002年)。

Bindows框架提供的功能和特性有：

  • 基于面相对象技术的类和API
  • 一套完整的Windows桌面系统，支持各种特性窗口模式，包括菜单、表单、表格、滑动条、测量仪器窗口和其他一些Windows窗口特性支持。
  • 是开发zero-footprint(零空间占用)SOA客户端应用程序首选工具包
  • 本机的XML，SOAP和XML-RPC支持
  • 单用户到企业级开发的支持
  • 内建的完美的javascript:void(0);">AJAX支持

Bindows开发环境：

  • 支持企业级规模的项目开发
  • 跨浏览器、跨OS平台的支持
  • 不受服务器结构限制
  • 良好的与新的、现有的资源互操作性
  • 统一的开发接口

1.2 BackBase (成立于2003年)

BackBase是一个完整的浏览器端框架，提供了丰富的浏览器操作功能，以及对.NET和JAVA平台的集成。
商业化产品，来自于Backbase B.V(总部在Amsterdam，成立于2003年)。

1.3 DOJO (开发中,成立于2004年9月)

DOJO提供完整的轻量级窗口组件和浏览器-服务器消息映射支持

  • 提供创建自定义Javascript窗口组件的框架支持
  • 预制的丰富的窗口类型库
  • B/S消息映射支持——XMLHttpRequest和其他机制
  • 支持浏览器中的URL操纵功能
  • 开源许可(Academic Free License 2.1)，由JotSpot的Alex Russell所领导。

1.4 Open Rico (开发中;成立于2005年5月;基于早期的一个proprietary 框架)

Open Rico是一个支持Ajax架构和用户交互的多用途框架。

  • 一个XMLHttpRequest response能被一个或多个的DOM对象，或者Javascript对象调用。
  • 支持拖拽操作
  • 支持基于javascript:void(0);">AJAX的动画模式，如缩放和变换等
  • 基于Behaviors的操作库
  • 使用指南，由RussMirimar的Yonah提供
  • 开源。源于Sabre航空公司解决方案，由Bill Scott，Darren James及另外一些人维护。

1.5 qooxdoo (开发中; 成立于2005年5月)

qooxdoo，是另一个发展迅猛的应用框架，提供广泛的UI支持，正在开发基础架构等特性。

  • 基础结构特性：
    • 能轻易的捕获和操纵DOM事件
    • 支持调试
    • 支持一个时间操作的Timer类
    • Getter/Setter支持
  • UI:
    • 窗口组件库和框架
    • 界面布局管理
    • 图像缓存和透明PNG图片处理
  • 开源(LGPL).

1.6 Tibet (开发中; 创建于2005年6月)

Tibet提供了大量的易移植和完整的JavaScript API，通过这些可以快速生成大量的客户端代码，Tibet自称是企业级javascript:void(0);">AJAX。

  • 远程脚本调用封装在XMLHttpRequest中
  • URI支持
  • 支持所有的HTTP事件，不再仅仅是GET和POST
  • 低级的协议-File://和WebDav也可以当作HTTP正常使用
  • Web Services调用支持，包括SOAP、XML-RPC等等
  • 大型的Javascript对象库
  • 多种多样的XML操作支持
  • IDE和开发工具
  • 开源协议(OSI)

1.7 AJFORM (创建于2005年6月)

AJFORM是一个极易上手的javascript:void(0);">AJAX框架，被用来编写入门级的javascript:void(0);">AJAX代码，提供有以下功能：

  • 三步安装
  • 自动支持任意HTML表单元素
  • 几乎无需编码即可实现javascript:void(0);">AJAX

2 Pure http://www.alixixi.com/web/a/javascript: Infrastructural Frameworks

2.1 AjaxCaller(创建于2005年5月，目前是Alpha版)

AjaxCaller是一个具有多线程安全访问的XMLHttpRequest组件，主要针对Ajax开发新手，目前仍处于alpha开发阶段，仅在AjaxPatterns的在线搜索范例中使用了这个程序。

  • 用明文或者XML结构的数据实现和服务器的交互(GET/POST/PUT/DELETE)
  • 支持XMLHttRequest对象的构析(销毁对象，C++支持内存对象的构析操作)
  • 支持Response的高速缓存(尚在计划中)
  • 简单的库文件代码易于新手学习使用，并且支持脚本调试
  • 开源协议

2.2 Flash JavaScript Integration Kit

The Flash JavaScript Integration Kit可以使Flash和Javascript脚本实现相互集成。

  • 可以实现在JavaScript中调用Flash ActionScript脚本，反之亦然。
  • 几乎支持双方主要数据类型的在不同环境中的传递调用。
  • 开源协议，有几个Flash开源爱好者维护。

2.3 Google AJAXSLT (2005年6月发行)

Google AJAXSLT，是一个Javascript框架，用来执行XSLT转换以及XPath查询。

  • 目前在Google Map上就使用了这个。
  • 开源协议(BSD)

2.4 HTMLHttpRequest(Beta版；创建于2005年)

HtmlHttpRequest最大的特点就是运用XMLHttpRequest对象和标准HTML标签IFrame来实现最大限度的跨浏览跨平台的javascript:void(0);">AJAX支持，其原理是在支持XMLHttpRequest的浏览器上调用XMLHttp，如果不支持，就用IFrame来模拟实现异步交互。

  • 目前支持的浏览器：IE6/Win, IE5.5/Win, IE5/Win, IE4/Win, Mozilla/Win, Opera7/Win, Safari/Mac, IE5/Mac
  • 尚未测试的浏览器：IE4/Mac, Mozilla/Mac, Opera/Other, Konqueror/Linux。
  • 开源协议(LGPL)

2.5 Interactive Website Framework (创建于2005年)

Interactive Website Framework定位在浏览器中支持各种各样的javascript:void(0);">AJAX基础应用的开源项目。自称是通过JavaScript、CSS、XML和HTML实现高性能的交互式WEB框架，包括一个可定制易读的XML解析器。实际上，IWF是一个javascript:void(0);">AJAX的基础框架，并且还包括一些通用脚本代码。

  • 实现了线程安全的XMLHttpRequest
  • 对XML Document进行封装，以便创建更具有可读性的代码：
    var node = doc.groceries.frozen[0].pizza[0].size;

    封装后的数据读取

    var node = doc.documentElement.firstChild.firstChild.getAttribute("size");

    原始的DOM操作读取

  • 开源协议

2.6 LibXMLHttpRequest (2003年6月发布)

libXmlRequest是一个小型XMLHttpRequest封装包

  • 用getXML()和postXML()两个事件简化XMLHttpReuqest调用
  • 支持XMLHttpRequest对象池
  • Response缓存处理
  • 源码可以使用，但是有版权保护。

2.7 MAJAX

MAJAX是另一个非常小巧的HttpRequest封装包，为收发字符型信息提供简单接口，并为每步动作设置回调界面。

2.8 RSLite (x)

RSLite是一个XMLHttpRequest封装组件，作为Brent Ashley的JSRS(JavaScript Remote Scripting)其中的一部分功能单独发布。详情可以看JSRS的介绍

2.9 Sack(开发中，成立于2005年5月)

Sack也是一个很有名字的微型XMLHttpRequest封装包。调用者可以自定义回调函数或者是DOM对象。借助于回调DOM对象，可以把Response回来的数据直接以文本的方式嵌入DOM中。

2.10 Sarissa (发布于2003年2月)

Sarissa是一个JavaScript API，封装了在浏览器端独立调用XML的功能。

  • 可移植的XMLHttpRequest对象创造
  • 可移植的XPath查询
  • 可移植的DOM操控
  • 可移植的XSLT
  • 可移植的XML序列化
  • 开源协议(GPL2.0和LGPL2.1)

2.11 XHConn (2005年4月发布)

XHConn也是一个小型的XMLHttpRequest封装库。笔者也使用改良过的XHConn，其特点就是调用简单，代码也清晰易读。

  • 例子：
    new XHConn().connect("mypage.php"，"POST"，"foo=bar&baz=qux"，fnWhenDone);

  • 开源协议许可

3 Server-Side: Multi-Language

3.1 Cross-Platform Asynchronous INterface Toolkit (2005年5月)

CPAINT是一个真正的同时支持PHP和ASP/VBScript脚本的javascript:void(0);">AJAX和JSRS工具包。CPAINT在后台提供你需求的javascript:void(0);">AJAX和JSRS代码，并自动返回到浏览器端相应的Javascript脚本代码，这种方式易于实时反馈需求的WEB应用程序。

  • 支持PHP和ASP
  • 所有功能函数都在统一的JavaScript文件中
  • 支持远程脚本和XML
  • 支持本地和远程函数调用
  • 可以创建单个或多个XMLHttp对象
  • 返回给后台的数据即可以是文本也可以是XML/DOM文档对象
  • 支持POST和GET
  • 用服务端代理的方式实现远程函数和数据的访问操作
  • 大部分浏览器中测试正常使用
  • 在GNU、GPL、LGPL开源协议保护下发行

3.2 SAJAX (2005年3月)

SAJAX的实现方式很独特，例如：调用一个javascript方法x_calculateBudget()，将先把响应传到服务器并调用一个Java calculateBudget()方法，然后以javascript方式把值返回到x_calculateBudget_cb()中。SAJAX的名气不错，估计很多人都听过甚至用过，不过缺点就是它的这套映射理论感觉较繁锁，远不如一些轻量级的封装库好用，不过SAJAX最大的特点就是支持的平台丰富，几乎囊括了WEB下常用的编程语言和平台

  • 很方便从JavaScript函数映射到服务端代理操作
  • 支持多种平台(ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby)
  • 开源协议

3.3 Javascipt Object Notation (JSON) and JSON-RPC

JSON是一个"face-free" XML/>，而JSON-RPC是一种远程交互协议，类似于XML-RPC，对JavaScript支持较强

  • 支持多服务端平台: Java, Python, Ruby, Perl.
  • 针对不同的平台有不同的包和许可协议, 如JSON-RPC-Java.

3.4 JavaScript Remote Scripting(JSRS)(2000年)

JSRS，较经典的远程脚本访问组件，支持将客户端数据通过服务器做代理进行远程的数据/操作交互。

  • 支持的浏览器：IE4+，NS4.x，NS6.x，Mozilla，Opera7和Galeon。
  • 服务器端脚本语言支持：ASP，ColdFusion，PerlCGI，PHP,Python和JSP(servlet)。
  • 开源协议。由Brent Ashley提供支持。

3.5 Bitkraft for ASP.NET/>

Bitkraft是个基于(.NET)Web框架的CLR(公共语言运行库)，允许用独特的方式创建和操作分布式Web内容。用C#编写，运行在微软的.NET 1.1和Mono框架下，无缝式的客户端-服务器响应方式是它的最大特点。Bitkraft没有使用XML组织数据，而是用JSON代替。

  • 支持的浏览器： IE5+, Firefox1+, NS6
  • 服务器端要求：ASP.NET, Mono XSP, Cassini, Apache (modMono) .NET Framework 1.1+
  • 事件驱动
  • 支持同步和异步的远程代理
  • 客户端支持所有的.NET类型或自定义类对象映射到JSON中
  • 用JSON取代XML
  • 免费，开源许可协议

4 Server-Side: Java

4.1 WebORB for Java (2005年8月)

WebORB for Java是一个开发javascript:void(0);">AJAX和基于Flash的富客户端应用程序的开发平台。在线例子

  • WebORB包括一个富客户端开发类库。提供简单的在线式API用来绑定或者调用任何Java对象、XML Web Services和EJB
  • 支持异步或同步的事件驱动
  • 不需要在服务端修改任何代码，不需要自定义方法或属性、变量等。不要求设计时指定代理等。
  • 同步调用不需要回调，异步调用需要一个回调方法。
  • 客户端可以向服务端请求指定的活动方式，不需要任何编程就可以把处理结果轻易的转变为状态。
  • 提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个类似于RecordSet的JavaScript对象来显示这个结果。该对象提供检索列名和行数据的方法。
  • 支持数据分页技术。客户应用程序能检索页面中的数据。
  • 支持以参数的方式返回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references
  • 目前有两个版本：标准版(免费)，专业版(商业许可)

4.2 Echo 2 (2005年3月)

Echo 2允许你用纯Java语言编写javascript:void(0);">AJAX程序。 Demo.

  • 自动生成HTML和Javascript代码
  • 用XML在客户端-服务端传递消息
  • 如果愿意支持自定义Javascript组件
  • 开源协议(Mozilla Public License or GNU LGPL)

4.3 Direct Web Remoting (DWR) (2005)

Direct Web Remoting可以在Javascript代码中直接调用Java方法的应用框架

  • 类似于SAJAX，可以把Javascript中的请求调用转递到Java方法中并将执行结果返回给Javascript
  • 可以和任何Web框架一起使用，如Struts、Tapestry等等
  • 开源(Apache)，目前该产品被加入到WebWork中

4.4 SWATO (2005)

SWATO是一套可重用的和良好集成的Java/JavaScript库，它实现了一种更容易的方式来改变你的web应用程序的交互，通过javascript:void(0);">AJAX方式实现。

  • 服务端Java库可以非常容易的部署到所有Servlet2.3+兼容的容器中
  • 客户端Javascript库可以在所有支持XMLHttpRequest的浏览器中使用
  • 使用JSON技术在服务端组织POJO数据，这样你可以在任何Javascript环境中(HTML、XUL、SVG)访问这些远程数据，这种方式很容易通过硬编码或者某种成熟的Javascript库集成到当前应用中
  • 提供一个简单接口使你能在Javascript中调用远程的POJO数据
  • 使用<servlet>和<filter>灵活的在web.xml中进行配置，并且可以集成(不是必须)到你的Spring框架中
  • 提供了几个可帮助你快速开发web应用程序的组件(如自动完成的文本框，在线表单，在线列表等等)

4.5 javascript:void(0);">AJAX JSP Tag/> Library

The AJAX JSP/>Library是一组JSP标签库，用来javascript:void(0);">AJAX程序开发。可以在J2EE下无需Javascript就能轻松开发javascript:void(0);">AJAX模式的Web Form。标签库为比较通用的javascript:void(0);">AJAX功能提供了5个标签： Tag/> Library

  • autocomplete: 用户在文本框中输入字符，自动从指定的数据中匹配用户输入的字符，类似于Google Suggest
  • callout:可以为A标签加入气泡式的消息提示框，不过是实时的服务端取出数据
  • Select/dropdown:类似于联动菜单，比如地州市的联动下拉框
  • toggle:开关闸按钮，比如在一个hidden表单域中存储true和falsh，同时显示相应的img图像
  • update field:更新数据，也就是无刷新提交了。

4.6 javascript:void(0);">AJAX Java Server Faces Framework

The AJAX-JSF用来把任意的JSF应用程序转变为javascript:void(0);">AJAX应用程序

  • 例子：javascript:void(0);">AJAX组件的 MyFaces JSF Tree(树型目录), table scroller(可滚动的表格), tabbed pane(分页栏)
  • 开源协议(Apache Software License)

Server-Side: Lisp

5.1 CL-Ajax

CL-Ajax实现Javascript直接调用服务端Lisp

  • 生成可带参数的函数
  • 可以回调Javascript函数或者DOM对象
  • 可以集成到SAJAX中
  • 开源许可

6 Server-Side: .NET

6.1 WebORB for .NET (2005年8月)

WebORB for .NET是一个用.NET和XML Web Services方式开发javascript:void(0);">AJAX和基于Flash的富客户端应用程序(在线例子)

  • WebORB包括一个富客户端开发类库。提供简单的在线式API用来绑定或者调用任何.NET对象、XML Web Services
  • 支持异步或同步的事件驱动
  • 不需要在服务端修改任何代码，不需要自定义方法或属性、变量等。不要求设计时指定代理等。
  • 同步调用不需要回调，异步调用需要一个回调方法。
  • 客户端可以向服务端请求指定的活动方式，不需要任何编程就可以把处理结果轻易的转变为状态。
  • 提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个类似于RecordSet的JavaScript对象来显示这个结果。该对象提供检索列名和行数据的方法。
  • 支持数据分页技术。客户应用程序能检索页面中的数据。
  • 支持以参数的方式返回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references
  • 目前有两个版本：标准版(免费)，专业版(商业许可)

6.2 Ajax/>.NET (2005年3月)

.NET是首家支持各种方式通过Javascript访问服务端.net的免费库 Ajax/>.NET

  • 类似于SAJAX，能把Javascript请求发送到.NET方法，服务端回传给Javascript，甚至包括串行化自定义类。
  • 可以在Javascript中访问Session和Application数据
  • 缓存查询结果
  • 免费使用源代码
  • 无需更改源代码，允许给Ajax.NET添加和修改方法和属性
  • 所有类支持Javascript客户端返回数据，可以在JavaScript中使用DataSet：res.Tables[0].Rows
  • 使用HtmlControls组件访问和返回数据
  • 页面无需重载，用事件代理(数据访问层)
  • 因为只提供一个调用接口方法，所以服务端CPU占用非常少

6.3 ComfortASP.NET (2005年8月)

ComfortASP.NET可以让开发者在纯.NET下开发类似javascript:void(0);">AJAX(DHTML,JavaScript,XMLHttp)特性的应用程序。

  • 快速应答
  • 减少HTML传输
  • 减少页面重载
  • 无闪烁的浏览器内容更改
  • javascript:void(0);">AJAX用户体验，

6.4 AjaxAspects (2005年8月)

AjaxAspects是个可以用Javascript调用服务端WebService事件的引擎

  • 用标准的SOAP和WSDL进行服务端-客户端通信
  • 用简单的类型和XML对象支持带参数的返回值
  • 缓存支持
  • 动作队列
  • 免费使用，开源协议

7 Server-Side: PHP

7.1 AjaxAC (2005年4月)

AjaxAC用一个单独类封装了完整的应用程序功能

  • 所有的功能集成在自包含的类中(另外附带一些Javascript库)
  • 调用PHP文件或者HTML页面非常简易，只需创建App类后把类引用传递给需要调用的Javascript对象或者HTML元素即可。
  • 捕获Javascript事件
  • 可以自定义配置数据，并且支持运行时参数更改
  • 无需再Javascript代码中夹杂凌乱的Html代码，所有事件都是被动态附加上的
  • 由于以上两个优点，所以支持良好的模版引擎
  • 容易Hook到PHP类和MySql数据已返回给自己的request
  • 能够容易的用Javascript建立窗口模式应用程序。

7.2 JPSpan

JPSPAN通过Javascript直接调用PHP中的函数。

  • 进行了严谨的单元测试
  • 开源许可(PHP)

7.3 XAJAX

XAjax通过Javascript直接调用PHP中的函数

  • 支持用Javascript调用PHP脚本
  • 开源许可协议

8 Server-Side: Ruby

8.1 Ruby On Rails

Ruby On Rails是一个支持javascript:void(0);">AJAX的完整Web框架，使用Ruby语言编写，严格按照MVC结构开发。

  • 当Ajax出现的时候Rails还处于其发展的早期，因此Ajax可能逐渐成为Rails框架的核心。
  • 生成浏览器中大多数/全部的Window应用组件和动画的Javascript脚本。
  • 支持服务器端调用。
  • 队列支持
  • 开源许可

From MoztwWiki
本文章为 Mozilla Developer Center 的 javascript:void(0);">AJAX:Getting Started (http://developer.mozilla.o... 的翻译。原文的作者与编修历史可在它的历史页 (http://developer.mozilla.o... action=history)上看到。

这篇文章说明 javascript:void(0);">AJAX 相关技术的基础，并提供实例供您上手。

javascript:void(0);">AJAX 是啥？

javascript:void(0);">AJAX (Asynchronous JavaScript and XML, 异步 JavaScript 及 XML 技术) 是个新词，但内涵是两个存在已有一段时间的 JavaScript 功能。这两种功能以往一直被忽略，在 Gmail、Google suggest 及 Google Maps 出现后才一举成名天下知。

这两个 JavaScript 功能 是：

   * 在不重新读取页面的情况下对伺服器送出要求（request）
   * 解析、使用 XML 文件

第一步 – 怎么发出 XMLHttpRequest

为了用 JavaScript 对伺服器发送 HTTP 要求，你必须先以相关的类别（class）制出实体（instance）。Internet Explorer 首先以 ActiveX 物件方式提供 XMLHTTP 类别，而 Mozilla、Safari 及其他浏览器则随后以 XMLHttpRequest 类别支援此 ActiveX 物件中的类别及属性。

因此，如果想跨浏览器，那么可以这么写：

if (window.XMLHttpRequest) { // Mozilla, Safari, ...
   http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
   http_request = new ActiveXObject("Microsoft.XMLHTTP");
}

(由于这段程式仅供说明，所以是采最简方式写出。本文第三步中有另一种我们比较常用的写法。)

有些版本的 Mozilla 浏览器在伺服器送回的资料未含 XML mime-type 档头（header）时会出错。为了避免这个问题，你可以用下列方法覆写伺服器传回的档头，以免传回的不是 text/xml。

http_request = new XMLHttpRequest();
http_request.overrideMimeType('text/xml');

接下来是要决定伺服器传回资料后的处理方式，此时你只要以 onreadystatechange 这个属性指明要处理传回值的 JavaScript 函式名称即可，例如：

http_request.onreadystatechange = nameOfTheFunction;

注意，指定的函式名称后不加括号也没有参数。除了指定函式名称外，你也能用 Javascript 即时定义函式的方法来定一个新的处理函式，如下：

http_request.onreadystatechange = function(){
   // 做些事
};

决定处理方式之后你得确实发出 request，此时需叫用 HTTP request 类别的 open() 及 send() 方法，如下：

http_request.open('GET', 'http://www.example.org/some.file', true);
http_request.send(null);

   * open() 的第一个参数是 HTTP request 的方法，也就是从 GET、POST、HEAD 中择一使用，亦可用你主机上支援的方式。为遵循 HTTP 标准，请记得这些方法都是大写，不然有的浏览器（如 Firefox）或许不会理你。其它 HTTP request 可以支援的方法列表请参考 W3C 规格书 (http://www.w3.org/Protocol...。
   * 第二个参数是目标 URL。基于安全考量，你不能叫用同网域以外的网页。如果网域不同，则叫用 open() 时会出现「权限不足，拒绝存取」那类的错误。通常大伙会犯的错误多为在 domain.tld 网的网站下呼叫 www.domain.tld 中的网页，仅是一点点差别都不行。
   * 第三个参数决定此 request 是否不同步进行，如果设定为 TRUE 则即使伺服器尚未传回资料也会继续执行其余的程式，这也就是 javascript:void(0);">AJAX 中第一个 A 代表的意义。

send() 的参数在以 POST 发出 request 时可以是任何想传给伺服器的东西，而资料则以查询字串的方式列出，例如：

name=value&anothername=othervalue&so=on

不过如果你想要以 POST 方式传送资料，则必须先将 MIME 型态改好，如下：

http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

否则伺服器就不会理你传过来的资料了。

第二步 – 处理伺服器传回的资料

传出 request 时必须提供处理传回值的函式名称。

http_request.onreadystatechange = nameOfTheFunction;

那么来看看这个函式该做些什么。首先，它必须检查 request 目前的状态：如果状态值为 4 代表伺服器已经传回所有资讯了，便可以开始解析所得资讯。

if (http_request.readyState == 4) {
   // 一切 ok, 继续解析
} else {
   // 还没完成
}

readyState 所有可能的值如下：

   * 0 (还没开始)
   * 1 (读取中)
   * 2 (已读取)
   * 3 (资讯交换中)
   * 4 (一切完成)

(资料来源: MSDN (http://msdn.microsoft.com/...

接下来要检查伺服器传回的 HTTP 状态码。所有状态码列表可于 W3C 网站 (http://www.w3.org/Protocol...上查到，但我们要管的是 200 OK 这种状态。

if (http_request.status == 200) {
   // 万事具备
} else {
   // 似乎有点问题，或许伺服器传回了 404 (查无此页) 或者 500 (内部错误) 什么的
}

检查传回的 HTTP 状态码后，要怎么处理传回的资料就由你决定了。有两种存取资料的方式：

   * http_request.responseText – 这样会把传回值当字串用
   * http_request.responseXML – 这样会把传回值视为 XMLDocument 对象，而后可用 JavaScript DOM 相关函式处理

第三步 - 万事俱备 - 简单范例

好，接着就做一次简单的 HTTP 范例，演示方才的各项技巧。这段 JavaScript 会向伺服器要一份里头有「I'm a test.」字样的 HTML 文件(test.html)，而后以 alert() 将文件内容列出。

   style="cursor: pointer; text-decoration: underline"
   >
       Make a request
/>

在此范例中：

   * 首先使用者按下「Make a request」
   * 这么一来就会呼叫 makeRequest() 函式，亦传入参数值 test.html (也就是那份 HTML 档的名称，放在同目录下)
   * 接着发出 request，而后会将主导权交给 onreadystatechange 指定的 alertContents() 函式
   * alertContents() 检查回应是否正常，而后以 alert() 将 test.html 的内容列出

你可以由此测试本例 (http://www.w3clubs.com/moz...，也可以参考测试档案 (http://www.w3clubs.com/moz...。

第四步 – 处理 XML 回应值

前面的例子中，在收到 HTTP 传回值后我们以物件的 reponseText 属性使用 test.html 档案的内容，接着来试试 responseXML 属性的方法。

首先，我们得做个格式正确的 XML 文件，以便稍后取用。此档名唤 test.xml，内容如下：

<--l version="1.0"-->

   I'm a test.
/>

在程式中，我们叫用档案的地方只须略事修改如下：

...
>
...

接着在 alertContents() 中，我们必须将 alert(http_request.responseText); 改成这样：

var xmldoc = http_request.responseXML;
var root_node = xmldoc.getElementsByTagName('root').item(0);
alert(root_node.firstChild.data);

这样一来我们便可取得 responseXML 所传回的 XMLDocument 对象，而后以 DOM 相关的方法取用 XML 文件内容。你可以参考 test.xml 的原始码 (http://www.w3clubs.com/moz... 以及修改过后的测试程式 (http://www.w3clubs.com/moz...。

其他与 DOM 相关的方法，请参考 Mozilla DOM (http://www.mozilla.org/doc... 文件。 <

时间： 2024-04-26 05:52:57

AJAX框架汇总的相关文章

Thinking in AJAX(三)——AJAX框架汇总

基于浏览器的应用框架一般分为两种: Aplication frameworks:提供了浏览器功能,但其最著名的还是在于通过窗口 生成组件建立桌面GUI. Infrastructural frameworks:提供基本的框架功能和 轻便式浏览器端操作,让开发者去创建具体应用,主要功能包括: 基于 XMLHttpRequest组件的浏览器交互功能 XML解析和操作功能 根据 XMLHttpRequest的返回信息进行相应的DOM操作 一些特殊情况下,和其他的浏 览器端技术如Flash(或Java A

ajax框架:Ajax框架汇总

原始出处:1 bindows (from 2003)2 dojo (under development; from september, 2004)3 mochikit (from 2005)4 open rico (under development; from may, 2005; based on earlier proprietary framework)5 prototype (from 2005)6 script.aculo.us (from 2005) 本文链接http://www

开发自己的Web服务处理程序(以支持Ajax框架异步调用Web服务方法)

当你添加Asp.net AJAX功能到你的Web程序的时候,你需要在Web.config中做一些改变,需要你显式地移除默认的ASMX处理程序并且添加asp.net ajax框架自己的脚本处理器来作为ASMX处理程序.在上一篇异步调用Web服务方法中,我们谈论过,ajax框架的asmx(ScriptHandler)是不支持异步调用Web服务方法的,所以为了让asp.netajax支持异步Web方法调用,我们需要避开该处理器,以提供自定义的处理器来取代它. Asp.netAJAX框架的ASMX处理器

ajax框架封装

自己封装了一个AJAX框架.希望能给读者参考.帮助.评价. 自从提出WEB2.0富客户以后AJAX技术现在是越来越流行,有待代替CS桌面程序之势.以前开发用了很多AJAX的技术比如EXT,prototype,jQuery等等,但都是开源封装好的AJAX框架.从没真正用过纯正的AJAX,故参照prototyp面向对象思想自己封装了一个AJAX框架.希望能给读者参考.帮助.评价. /*  * 自己封装的ajax  *  *   * @author jsong  * @version 1.00 $da

收集一些常用的Ajax框架资源网站

一.基于浏览器的Ajax框架 1.  AjaxCall网址:http://www.ajaxify.com/run/testAjaxCaller/库文件代码比较简单,比较容易上手,并且支持脚本调试. 2.  Flash JavaScript Integration Kit网址:http://weblogs.macromedia.com/flashJavaScript/集成了Flash和Javascript,Javascript和Flash ActionScript可互相调用. 3.  Google

ASP.NET基本AJAX框架

Asp.Net 2.0自带的客户端回调 Asp.Net 2.0已经发布.2.0有了许多新特性,客户端回调就是其中之一.客户端回调允许我们不经过回发而调用服务器端的方法,与AJAX提供的功能是一致的,但是不如AJAX灵活,AJAX可以自定义调用的方法,2.0自带的回调功能却不行.要使用客户端回调功能必须实现System.Web.UI.IcallbackEventHandler接口. 这个接口包含两个方法 //客户端回调时固定调用此方法 public void RaiseCallbackEvent(

最常用的Ajax框架网站资源列表

最常用的Ajax框架网站资源列表,如下列表 EXT-http://www.extjs.com/(中文:http://www.ajaxjs.com/)Microsoft Ajax - http://ajax.asp.net Java BluePrints - https://blueprints.dev.java.net/ Protptype - http://www.prototypejs.org/ Scriptaculus - http://script.aculo.us/ Laszlo -

此日志收集一些AJAX框架的资料

ajax|ajax框架 优秀的JavaScript类库 - RicoApache License的,一个免费使用的东东.Rico (http://openrico.org/)是开源的JavaScript类库,用来创建丰富的internet应用.1.可以方便地制作很玄地圆角矩形(一句话就可以做一个,应该是最爽地一点).2.可以设置TAB面板3.支持DRAG&DROP4.提供一个LiveGrid的数据表格,支持Title Sorting和Page splite5.提供一个Ajax引擎,不过直接用Pr

AJAX框架&amp;简介

ajax|ajax框架 Ajax,使用它可以构建更为动态和响应更灵敏的Web应用程序.该方法的关键在于对浏览器端的JavaScript.DHTML和与服务器异步通信的组合.本文也演示了启用这种方法是多么简单:利用一个Ajax框架(指DWR)构造一个应用程序,它直接从浏览器与后端服务进行通信.如果使用得当,这种强大的力量可以使应用程序更加自然和响应灵敏,从而提升用户的浏览体验. 该应用程序中所使用的示例代码已打包为单独的WAR文件,可供下载. 简介 术语Ajax用来描述一组技术,它使浏览器可以为用