1. Pure 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年)。
- 基于面相对象技术的类和API
- 一套完整的Windows桌面系统,支持各种特性窗口模式,包括菜单、表单、表格、滑动条、测量仪器窗口和其他一些Windows窗口特性支持。
- 是开发zero-footprint(零空间占用)SOA客户端应用程序首选工具包
- 本机的XML,SOAP和XML-RPC支持
- 单用户到企业级开发的支持
- 内建的完美的javascript:void(0);">AJAX支持
- 支持企业级规模的项目开发
- 跨浏览器、跨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 javascript: Infrastructural Frameworks
2.1 AJAXCaller(创建于2005年5月,目前是Alpha版)
AJAXify.com/run/testAJAXCaller/">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 AJAX,是一种无刷新技术+异步交互,给用户的感觉是响应速度快、连续不断、体验丰富WEB应用。AJAX是Asynchronous JavaScript and XML的缩写。', CAPTION, 'AJAX', OFFSETX, 16, OFFSETY, 16, BGCLASS, 'lore_glossary_term_popup', FGCLASS, 'lore_glossary_term_popup_definition', TEXTFONTCLASS, 'lore_glossary_term_popup_definition', CAPTIONFONTCLASS, 'lore_glossary_term_popup_caption');" title="" οnmοuseοut=nd(); href="javascript:void(0);">AJAX JSP Tag Library
The AJAX,是一种无刷新技术+异步交互,给用户的感觉是响应速度快、连续不断、体验丰富WEB应用。AJAX是Asynchronous JavaScript and XML的缩写。', CAPTION, 'AJAX', OFFSETX, 16, OFFSETY, 16, BGCLASS, 'lore_glossary_term_popup', FGCLASS, 'lore_glossary_term_popup_definition', TEXTFONTCLASS, 'lore_glossary_term_popup_definition', CAPTIONFONTCLASS, 'lore_glossary_term_popup_caption');" title="" οnmοuseοut=nd(); href="javascript:void(0);">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 AJAX,是一种无刷新技术+异步交互,给用户的感觉是响应速度快、连续不断、体验丰富WEB应用。AJAX是Asynchronous JavaScript and XML的缩写。', CAPTION, 'AJAX', OFFSETX, 16, OFFSETY, 16, BGCLASS, 'lore_glossary_term_popup', FGCLASS, 'lore_glossary_term_popup_definition', TEXTFONTCLASS, 'lore_glossary_term_popup_definition', CAPTIONFONTCLASS, 'lore_glossary_term_popup_caption');" title="" οnmοuseοut=nd(); href="javascript:void(0);">AJAX Java Server Faces Framework
The AJAX,是一种无刷新技术+异步交互,给用户的感觉是响应速度快、连续不断、体验丰富WEB应用。AJAX是Asynchronous JavaScript and XML的缩写。', CAPTION, 'AJAX', OFFSETX, 16, OFFSETY, 16, BGCLASS, 'lore_glossary_term_popup', FGCLASS, 'lore_glossary_term_popup_definition', TEXTFONTCLASS, 'lore_glossary_term_popup_definition', CAPTIONFONTCLASS, 'lore_glossary_term_popup_caption');" title="" οnmοuseοut=nd(); href="javascript:void(0);">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脚本。
- 支持服务器端调用。
- 队列支持
- 开源许可
本文章为 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"
οnclick="makeRequest('test.html')">
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.
在程式中,我们叫用档案的地方只须略事修改如下:
...
οnclick="makeRequest('test.xml')">
...
接着在 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... 文件。 < <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>