什么是ajax

ajax

开放分类： 网络、 程序、 ajax、 网页技术

目录 • 主要包含了以下几种技术 • 与传统的web应用比较 • 发展史 • 优点和缺点 • Ajax的工作原理 • 基础应用 • 目前状况 • 基于Ajax的应用程序架构汇总 AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术 [ 编辑本段] Ajax（Asynchronous JavaScript + XML）的定义 基于web标准（standards-based presentation）XHTML+CSS的表示； 使用 DOM（Document Object Model）进行动态显示及交互； 使用 XML 和 XSLT 进行数据交换及相关操作； 使用 XMLHttpRequest 进行异步数据查询、检索； 使用 JavaScript 将所有的东西绑定在一起。 英文参见Ajax的提出者Jesse James Garrett的原文,原文题目(Ajax: A New Approach to Web Applications)。 类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括： Mozilla、 Firefox、 Internet Explorer、 Opera、 Konqueror及 Safari。但是Opera不支持XSL格式对象，也不支持XSLT。 与传统的web应用比较 [ 编辑本段] 传统的web应用允许用户填写表单(form)，当提交表单时就向 web 服务器发送一个请求。服务器接收并处理传来的表单，然後返回一个新的 网页。这个做法浪费了许多带宽，因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的 响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。 Ajax应用程序的优势在于： 1. 通过异步模式，提升了用户体验 2. 优化了 浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 3. Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。 发展史 [ 编辑本段] 该技术在1998年前后得到了应用。允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server，并且迅速地成为了Internet Explorer 4.0[3]的一部分。部分观察家认为，Outlook Web Access是第一个应用了Ajax技术的成功的商业应用程序，并成为包括Oddpost的网络邮件产品在内的许多产品的领头羊。但是，2005年初，许多事件使得Ajax被大众所接受。Google在它著名的交互应用程序中使用了异步通讯，如Google讨论组、Google地图、Google搜索建议、Gmail等。Ajax这个词由《Ajax: A New Approach to Web Applications》一文所创，该文的迅速流传提高了人们使用该项技术的意识。另外，对Mozilla/Gecko的支持使得该技术走向成熟，变得更为易用。 优点和缺点 [编辑本段] 使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。 Ajax不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样，Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟，一些简化Ajax使用方法的程序库也相继问世。同样，也出现了另一种辅助程序设计的技术，为那些不支持 JavaScript的用户提供替代功能。 对应用Ajax最主要的批评就是，它可能破坏浏览器后退按钮的正常行为[4]。在动态更新页面的情况下，用户无法回到前一个页面状态，这是因为浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙；用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。不过开发者已想出了种种办法来解决这个问题，当中大多数都是在用户单击后退按钮访问历史记录时，通过建立或使用一个隐藏的IFRAME来重现页面上的变更。（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态。） 一个相关的观点认为，使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现，大部分都使用URL片断标识符（通常被称为锚点，即URL中#后面的部分）来保持跟踪，允许用户回到指定的某个应用程序状态。（许多浏览器允许JavaScript动态更新锚点，这使得Ajax 应用程序能够在更新显示内容的同时更新锚点。）这些解决方案也同时解决了许多关于不支持后退按钮的争论。 进行Ajax开发时，网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑。不给予用户明确的回应 [5]，没有恰当的预读数据 [6]，或者对XMLHttpRequest的不恰当处理[7]，都会使用户感到延迟，这是用户不欲看到的，也是他们无法理解的[8]。通常的解决方案是，使用一个可视化的组件来告诉用户系统正在进行后台操作并且正在读取数据和内容。 一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax; 用JavaScript作的Ajax引擎，JavaScript的兼容性和DeBug都是让人头痛的事; Ajax的无刷新重载，由于页面的变化没有刷新重载那么明显，所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的；现有的解决有：在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等; 对串流媒体的支持没有FLASH、Java Applet好; Ajax的工作原理 [ 编辑本段] 　　Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 　　在创建Web站点时，在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能： 动态更新购物车的物品总数，无需用户单击Update并等待服务器重新发送整个页面。 提升站点的性能，这是通过减少从服务器下载的数据量而实现的。例如，在某购物车页面，当更新篮子中的一项物品的数量时，会重新载入整个页面，这必须下载整个页面的数据。如果使用Ajax计算新的总量，服务器只会返回新的总量值，因此所需的带宽仅为原来的百分之一。消除了每次用户输入时的页面刷新。例如，在Ajax中，如果用户在分页列表上单击Next，则服务器数据只刷新列表而不是整个页面。 直接编辑表格数据，而不是要求用户导航到新的页面来编辑数据。对于Ajax，当用户单击Edit时，可以将静态表格刷新为内容可编辑的表格。用户单击Done之后，就可以发出一个Ajax请求来更新服务器，并刷新表格，使其包含静态、只读的数据。 　　一切皆有可能！但愿它能够激发您开始开发自己的基于Ajax的站点。然而，在开始之前，让我们介绍一个现有的Web站点，它遵循传统的提交/等待/重新显示的范例，我们还将讨论Ajax如何提升用户体验。 　　　Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。 基础应用 [ 编辑本段] 我们以两个验证通行证帐号是否存在的例子来讲述AJAX在实际中的应用： (1)用文本字符串的方式返回服务器的响应来验证网易通行证帐号是否存在； (2)以XMLDocument对象方式返回响应来验证金山通行证帐号是否存在； 首先，我们需要用JavaScript来创建 XMLHttpRequest 类向服务器发送一个HTTP请求， XMLHttpRequest 类首先由Internet Explorer以ActiveX对象引入，被称为XMLHTTP。 后来Mozilla﹑Netscape﹑Safari 和其他浏览器也提供了XMLHttpRequest类，不过它们创建XMLHttpRequest类的方法不同。 对于Internet Explorer浏览器，创建XMLHttpRequest 方法如下： xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0 xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP"); xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP"); 由于在不同Internet Explorer浏览器中XMLHTTP版本可能不一致，为了更好的兼容不同版本的Internet Explorer浏览器，因此我们需要根据不同版本的Internet Explorer浏览器来创建XMLHttpRequest类，上面代码就是根据不同的Internet Explorer浏览器创建XMLHttpRequest类的方法。 对于Mozilla﹑Netscape﹑Safari等浏览器，创建XMLHttpRequest 方法如下：xmlhttp_request = new XMLHttpRequest(); 如果服务器的响应没有XML mime-type header，某些Mozilla浏览器可能无法正常工作。 为了解决这个问题，如果服务器响应的header不是text/xml，可以调用其它方法修改该header。 xmlhttp_request = new XMLHttpRequest(); xmlhttp_request.overrideMimeType('text/xml'); 在实际应用中，为了兼容多种不同版本的浏览器，一般将创建XMLHttpRequest类的方法写成如下形式： try{ if( window.ActiveXObject ){ for( var i = 5; i; i-- ){ try{ if( i == 2 ){ xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); } else{ xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" ); xmlhttp_request.setRequestHeader("Content-Type","text/xml"); xmlhttp_request.setRequestHeader("Charset","gb2312"); } break;} catch(e){ xmlhttp_request = false; } } } else if( window.XMLHttpRequest ) { xmlhttp_request = new XMLHttpRequest(); if (xmlhttp_request.overrideMimeType) { xmlhttp_request.overrideMimeType('text/xml'); } } } catch(e){ xmlhttp_request = false; } 在定义了如何处理响应后，就要发送请求了。可以调用HTTP请求类的open()和send()方法，如下所示： xmlhttp_request.open('GET', URL, true); xmlhttp_request.send(null); open()的第一个参数是HTTP请求方式—GET，POST或任何服务器所支持的您想调用的方式。 按照HTTP规范，该参数要大写；否则，某些浏览器(如Firefox)可能无法处理请求。 第二个参数是请求页面的URL。 第三个参数设置请求是否为异步模式。如果是TRUE，JavaScript函数将继续执行，而不等待服务器响应。这就是"AJAX"中的"A"。 用JavaScript来创建XMLHttpRequest 类向服务器发送一个HTTP请求后，接下来要决定当收到服务器的响应后，需要做什么。这需要告诉HTTP请求对象用哪一个JavaScript函数处理这个响应。可以将对象的onreadystatechange属性设置为要使用的JavaScript的函数名，如下所示： xmlhttp_request.onreadystatechange =FunctionName; FunctionName是用JavaScript创建的函数名，注意不要写成FunctionName()，当然我们也可以直接将JavaScript代码创建在onreadystatechange之后，例如： xmlhttp_request.onreadystatechange = function(){ // JavaScript代码段 }; 首先要检查请求的状态。只有当一个完整的服务器响应已经收到了，函数才可以处理该响应。XMLHttpRequest 提供了readyState属性来对服务器响应进行判断。 readyState的取值如下： 0 (未初始化) 1 (正在装载) 2 (装载完毕) 3 (交互中) 4 (完成) 所以只有当readyState=4时，一个完整的服务器响应已经收到了，函数才可以处理该响应。具体代码如下： if (http_request.readyState == 4) { // 收到完整的服务器响应 } else { // 没有收到完整的服务器响应 } 当readyState=4时，一个完整的服务器响应已经收到了，接着，函数会检查HTTP服务器响应的状态值。完整的状态取值可参见W3C文档。当HTTP服务器响应的值为200时，表示状态正常。 在检查完请求的状态值和响应的HTTP状态值后，就可以处理从服务器得到的数据了。有两种方式可以得到这些数据： (1) 以文本字符串的方式返回服务器的响应 (2) 以XMLDocument对象方式返回响应 实例一： 用文本字符串的方式返回服务器的响应来验证网易通行证帐号是否存在 首先，我们登陆网易通行证注册页面，可以看到检测用户名是否存在是将用户名提交给checkssn.jsp页面进行判断，格式为： reg.163.com/register/checkssn.jsp?username=用户名 根据上面讲到的方法，我们可以利用AJAX技术对网易通行证用户名进行检测： 第一步：新建一个基于Xhtml标准的网页，在区域插入Javascript函数如下： function getXMLRequester( ) { var xmlhttp_request = false; try { if( window.ActiveXObject ) { for( var i = 5; i; i-- ){ try{ if( i == 2 ) { xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); } else { xmlhttp_request = new ActiveXObject ( "Msxml2.XMLHTTP." + i + ".0" ); xmlhttp_request.setRequestHeader("Content-Type","text/xml"); xmlhttp_request.setRequestHeader("Content-Type","gb2312"); } break;} catch(e){ xmlhttp_request = false; } } } else if( window.XMLHttpRequest ) { xmlhttp_request = new XMLHttpRequest(); if (xmlhttp_request.overrideMimeType) { xmlhttp_request.overrideMimeType('text/xml'); } } } catch(e){ xmlhttp_request = false; } return xmlhttp_request ; } function IDRequest(n) { //定义收到服务器的响应后需要执行的JavaScript函数 url=n+document.getElementById('163id').value;//定义网址参数 xmlhttp_request=getXMLRequester();//调用创建XMLHttpRequest的函数 xmlhttp_request.onreadystatechange = doContents;//调用doContents函数 xmlhttp_request.open('GET', url, true); xmlhttp_request.send(null); } function doContents() { if (xmlhttp_request.readyState == 4) {// 收到完整的服务器响应 if (xmlhttp_request.status == 200) {//HTTP服务器响应的值OK document.getElementById('message').innerHTML = xmlhttp_request.responseText; //将服务器返回的字符串写到页面中ID为message的区域 } else { alert(xmlhttp_request.status); } } } 在区域建立一个文本框，id为163id，再建一个id为messsge的空白区域用来显示返回字符串(也可以通过Javascript函数截取一部分字符串显示)： [font id="message"][/font] 这样，一个基于AJAX技术的用户名检测页面就做好了，不过这个页面将返回服务器响应生成页面的所有字符串，当然还可以对返回的字符串进行一些操作，便于应用到不同的需要当中。 实例二： 以XMLDocument对象方式返回响应来验证金山通行证帐号是否存在 在上面的例子中，当服务器对HTTP请求的响应被收到后，我们会调用请求对象的reponseText属性。该属性包含了服务器返回响应文件的内容。现在我们以XMLDocument对象方式返回响应，此时将不再需要reponseText属性而使用responseXML属性。 首先登陆金山通行证注册页面，我们发现金山通行证用户名的检测方式为： pass.kingsoft.com/ksgweb/jsp/login/uid.jsp?uid=用户名,并且返回XML数据: isExistedUid -2 当result值为-1时表示此用户名已被注册，当result值为-2时表示此用户名尚未注册，因此通过对result值的判断可以知道用户名是否被注册。 对上例代码进行修改： 首先找到 document.getElementById('message').innerHTML = xmlhttp_request.responseText; 改为: var response = xmlhttp_request.responseXML.documentElement; var result = response.getElementsByTagName('result')[0].firstChild.data;//返回result节点数据 if(result ==-2){ document.getElementById('message').innerHTML = "用户名"+document.getElementById('163id').value+"尚未注册";} else if(result ==-1){ document.getElementById('message').innerHTML = "对不起,用户名"+document.getElementById('163id').value+"已经注册";} 通过以上两个实例说明了AJAX的客户端基础应用，采用的是网易和金山现成的服务器端程序，当然为了开发合适自己页面的程序，还需要对自己编写服务器端程序，这设计到程序语言及数据库的操作，对于有一定程序基础的读者一定不是很难的事情。 目前状况 [ 编辑本段] AJAX 前景非常乐观，可以提高系统性能，优化用户界面。AJAX现有直接框架AjaxPro，可以引入AjaxPro.2.dll文件，可以直接在前台页面JS 调用后台页面的方法。但此框架与FORM验证有冲突。另微软也引入了AJAX组建，需要添加AjaxControlToolkit.dll文件，可以在控件列表中出现相关控件，但如以往微软控件类似，属于鸡肋，灵活性较差 另外很多人对AJAX读音为阿甲克斯，正确读音应该为“ai jian ke si”（汉字拼音，其实应该是ai jai ke si ，但jai在汉字中没有此拼音） 补充： 1.Ajax：著名希腊史诗伊利亚特中英雄埃阿斯的名字。 2.Ajax：荷兰著名足球俱乐部阿贾克斯，以培养青年球员而著称，并多次夺得欧洲冠军杯。 3.Ajax：亚甲斯*** 4.Ajax：艾杰克斯铜锡铅轴承合金 基于Ajax的应用程序架构汇总 [ 编辑本段] 浏览器端框架被划分成两大类： ·应用程序框架：提供浏览器的功能，但是常以包括窗口小部件抽象和另外的部件而出名，其功能主要围绕桌面GUI框架。 ·基本结构框架：提供基本的管道和可移植的浏览器抽象，让开发者去创建内容。典型的功能： * 针对XMLHttpRequest的包装器以封装浏览器-服务器的交互。(所有的框架都提供这一功能)。 * XML操作和查询。 * 根据来自XMLHttpRequest的应答执行DOM操作。 * 在一些情况中，与另外的浏览器端技术如Flash(和潜在的Java applets)集成在一起。 而服务器端框架通常以下面两种方式工作(尽管它们在这里根据语言的不同进行了分类)： ·HTML/JS生成：服务器提供完整的HTML/Javascript代码生成和浏览器-服务器协调，结果是只有浏览器端编码可以被定制。 ·远程调用：Javascript调用直接被路由到服务器端功能(例如Java方法)并返回到Javascript回叫处理器；或者Javascript调用服务器以提取信息，例如会话细节，数据库查询等。 ·纯Javascript：应用程序框架 1.1 Bindows(自从2003年) 网址是：http://www.bindows.net，Bindows是一个软件开发包(SDK)，它，通过强力联合 DHTML，JavaScript，CSS和XML等技术，能生成高度交互的互联网应用程序-成为现代的桌面应用程序的强有力对手。Bindows应用程序不要求下载和也不需要在用户端安装-仅要求有一个浏览器(也不需要Java，Flash或者ActiveX)。Bindows有可能领导面向对象开发的 AJAX应用程序的平台。 ·它是商业化的，使用来自于MB的技术(总部位于GA USA，主要开发中心在瑞典，成立于2002年)。 Bindows框架提供给你： ·基于类的面向对象的API ·一套完整的窗口系统，提供宽范围的窗口小部件支持，包括菜单、表单、格子、滑动条、量程，甚至更多 ·用于开发zero-footprint SOA客户端应用程序的领先的工具箱 ·本机的XML，SOAP和XML-RPC支持 ·单用户到企业级的支持 ·内建的对AJAX的支持 Bindows开发环境： ·支持企业级规模的工程开发 ·跨浏览器，跨平台支持 ·服务器独立结构 ·与新的和现有资源的互操作性 ·一致性开发方法学 1.2 BackBase(自从2003年) 网址是：http://www.backbase.com，是一个全面的浏览器端框架，支持丰富的浏览器功能以及与.NET和Java的集成。 ·商业化，来自于Backbase B.V(总部在Amsterdam，成立于2003年)。 1.3 DOJO(开发中;自从2004年9月) 网址是：http://dojotoolkit.org/，提供全面窗口小组件和浏览器-服务器消息支持。 ·为创建定制的Javascript窗口小组件提供框架支持。 ·预置的窗口小组件库。 ·浏览器-服务器消息支持-XMLHttpRequest和另外的机制。 ·支持浏览器中的URL操纵功能。 ·开源许可(学术自由许可2.1(http://opensource.org/licenses/afl-2.1.php))，由 JotSpot(http://www.jot.com/)的Alex Russell(http://alex.dojotoolkit.org/)所领导。 1.4 Open Rico(开发中;自从2005年5月;基于早期的私有框架) 网址是：http://openrico.org/demos.page，是一多用途框架，支持Ajax基础结构和用户交互。 ·一个XMLHttpRequest应答能被路由到一个或者更多回叫操作，DOM对象，或者Javascript对象。 ·容易鼠标拖动支持。 ·Ajax动画，例如缩放和变换。 ·"行为"-实质上是窗口小组件库。 ·使用指南(http://www.mirimar.net/mailbrowser/)，由RussMirimar的Yonah所提供 ·开源。源于Sabre航空公司解决方案，由Bill Scott(http://looksgoodworkswell.blogspot.com)，Darren James及另外一些人所支持。 1.5 qooxdoo(开发中;自从2005年5月) 网址是：http://qooxdoo.sourceforge.net/，是另一个雄心勃勃的框架，提供宽范围的UI支持和正在开发中的基础结构特性。 ·基础结构： * DOM和事件/焦点管理的可移植的抽象。 * 调试支持。 * 易于时间调度的Timer类。 * Getter/Setter支持。 ·UI： * 窗口小组件框架和预置的窗口小组件库。 * 布局管理器。 * 图像缓冲和可移植的PNG透明性。 ·开源(LGPL)。来自多方面的贡献者。 1.6 Tibet(开发中;自从2005年6月) 网址是：http://www.technicalpursuit.com/，目的是提供高度可移植的和全面的Javascript API，结果是，可能自动生成大量的客户端代码。自称是"企业级Ajax"。 ·远程脚本运行在XMLHttpRequest包装之上-通过协调调用结果支持工作流管理，例如应答可以发生在只有当两个分离的调用返回时。 ·URI支持。 ·所有的HTTP方法-不仅是"GET"和"POST"。 ·低级的协议-File://和WebDav以及HTTP。 ·Web服务调用-SOAP，XML-RPC，等等。 ·预置的针对Google API，Amazon API等等服务的支持。 ·由高级Javascript对象组成一个巨大的库。 ·许多XML操作。 ·IDE和开发工具。 ·开源许可(显然经过OSI认证，但是细节不多)。 2 纯Javascript：基础结构框架 2.1 AjaxCaller(Alpha版本;自从5月2005年) 网址是：http://ajaxify.com/run/testAjaxCaller/，是一基本的线程安全的XMLHttpRequest包装器，主要针对Ajax新手，仍处于原始的alpha开发阶段，目前仅与AjaxPatterns的在线搜索范例一起打包。 ·实现对服务器的调用(GET/POST/PUT/DELETE)，用路由到一个回叫操作的plain-text或者XML完成。 ·使用过的XMLHttpRequest对象的析构。 ·Response缓冲(计划的)。 ·针对Ajax新手-并非强调性能优化，该库主要用于实现易读的基础代码并将提供调试支持。 ·开源许可。由Michael Mahemoff(http://softwareas.com)(具有John Wehr和Richard Schwartz的一些思想)维护。 2.2 Flash JavaScript集成包 网址是：http://www.osflash.org/doku.php?id=flashjs，允许JavaScript和Flash内容的集成： ·使JavaScript能够调用ActionScript功能和反过来的实现。 ·所有主要的数据类型能在这两种环境之间传递。 ·开源许可。由多个开源Flash贡献者提供支持。 2.3 Google AJAXSLT(发行于2005年6月) 网址是：http://goog-ajaxslt.sourceforge.net/，是一个Javascript框架，用来执行XSLT转换以及XPath查询。 ·建立在Google地图工作基础之上。 ·开源许可(BSD)。由一家创新搜索方案公司支持，自称为"Google"。 2.4 HTMLHttpRequest(Beta版；始于2005年) HtmlHttpRequest(http://www.twinhelix.com/javascript/htmlhttprequest/)，它使用了XMLHttpRequest和Iframes以改进兼容性。 ·测试过并能工作在: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)。由Twin Helix Designs(http://www.twinhelix.com/)的Angus Turnbull维护。 2.5 交互式网站框架(自从2005年5月) 交互式网站框架(http://sourceforge.net/projects/iwf/，是一个项目，目的是从浏览器端对Ajax基础结构的多方面予以支持。自描述为"使用javascript，css，xml，和html来创造高度交互网站的框架。包括一个定制的针对高度可读的 javascript的xml分析器。实质上，是建立基于AJAX的网站的基础，还有另外一些通用脚本"。 ·线程安全的XMLHttpRequest实现。 ·针对XML文档的包装器，以便你能够创建更具可读性的代码： var node = doc.groceries.frozen[0].pizza[0].size; 代替手工的导航： var node = doc.documentElement.firstChild.firstChild.getAttribute("size"); ·开源许可。由Weaver(http://circaware.com|Brock)维护。 2.6 LibXMLHttpRequest(发行于2003年6月) libXmlRequest(http://www.whitefrost.com/servlet/connector?file=reference/2003/06/17/libXmlRequest.html)，是XMLHttpRequest的一个瘦包装器。 ·getXML()和postXML()方法。 ·XMLHttpRequest对象池支持。 ·Response缓冲。 ·可用源码(明显)，但是受标准版权的保护，由Stephen W.Coate(http://www.whitefrost.com/index.jsp)所维护。 2.7 RSLite(x) 网站是：http://www.ashleyit.com/rs/main.htm，是一个针对XMLHttpRequest的瘦包装器。 ·一个简单的组件，作为Brent Ashley的更全面的远程脚本工作(参见Javascript远程脚本-JSRS在多语言服务器端)的一部分发行。 2.8 Sack(在开发中，自从2005年5月) 网站是：http://twilightuniverse.com/2005/05/sack-of-ajax/，是一个针对XMLHttpRequest的瘦包装器。 ·调用者能指定回叫函数或者回叫DOM对象。借助于回叫DOM，应答文本直接被推入到DOM中 2.9 Sarissa(发行于2月，2003年) 网站是：http://sarissa.sf.net，是一种Javascript API，它封装了在浏览器端可以独立调用XML的功能。 ·可移植的XMLHttpRequest创建 ·可移植的XPath查询 ·可移植的DOM操作 ·可移植的XSLT ·可移植的XML串行化 ·开源(GPL2.0和LGPL2.1)。来自多方面贡献者。 2.10 XHConn(发行于自从4月，2005年) 网站是：http://xkr.us/code/javascript/XHConn/，是一个对XMLHttpRequest的瘦包装器。 ·例如 new XHConn().connect("mypage.php"，"POST"，"foo=bar&baz=qux"，fnWhenDone); ·开源许可。由Brad Fults所维护。 3 服务器端：多种语言 3.1 跨平台异步的接口工具箱(5月2005年) CPAINT：http://cpaint.sourceforge.net/，是一真正的支持PHP和ASP/Vbscript的Ajax实现和 JSRS(JavaScript远程脚本)实现。CPAINT提供给你需求的代码在后台实现AJAX和JSRS，而返回的数据以JavaScript形式在前台操作，格式化和显示。这允许你创建能提供接近实时的反馈给用户的web应用程序。 ·支持PHP&ASP ·针对所有函数的一致的JavaScript文件 ·支持远程脚本和XML ·支持本地和远程函数 ·单个或者多个XMLHTTP对象 ·以文本或者JavaScript XML/DOM文档对象方式返回后台数据 ·能支持POST和GET请求 ·后台代理函数来访问远程函数和数据 ·在所有的主要浏览器上测试过 ·在GNU GPL&LGPL保护下发行 3.2 SAJAX(可用，但是不是1.0版本;自从3月2005年) 网站是：http://www.modernmethod.com/sajax/，直接把调用从Javascript发送到你的服务器端语言并再次回返。例如，调用一个javascript方法x_calculateBudget()，将先到达服务器和调用一个Java calculateBudget()方法，然后以javascript方式把值返回到x_calculateBudget_cb()。 ·便利从Javascript代理函数到后台操作的映射。 ·能够代理对众多服务器端平台（ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby）的调用。 ·开源许可。来自多方面贡献者。 3.3 Javascipt对象标志(JSON)和JSON-RPC JSON(http://www.crockford.com/JSON/index.html)，是一个"胖的自由的XML选择"，而JSON- RPC(http://www.json-rpc.org/)是一种远程过程协议，类似于XML-RPC，强有力支持Javascript客户。 ·实现多服务器端平台(http://www.json-rpc.org/impl.xhtml)：Java，Python，Ruby，Perl。 ·针对每种平台有独立的打包和许可，如JSON-RPC-Java(http://oss.metaparadigm.com/jsonrpc/)。 3.4 Javascript远程脚本(JSRS)(自从2000年) 网址是：http://www.ashleyit.com/rs/jsrs/test.htm，直接把调用从Javascript发送到你的服务器端语言并再次回返。 ·知名的浏览器：IE4+，NS4.x，NS6.x，Mozilla，Opera7和Galeon。 ·服务器端支持：ASP，ColdFusion，PerlCGI，PHP,Python和JSP(servlet)。 ·开源许可。由Brent Ashley(http://www.ashleyit.com/)提供支持。 4 服务器端：Java 注意：许多现有的框架最近正在添加Java支持(例如struts)，我将在后面指出。 4.1 WebORB for Java(自从2005年8月) 网址：http://www.themidnightcoders.com/weborb/aboutWeborb.htm，是一个平台，支持开发 AJAX和基于Flash的胖客户端应用程序，并可以把它们与Java对象和XML Web服务相系起来。在线举例(http：//www.themidnightcoders.com/examples) ·WebORB包括一个称作丰富的客户系统(http://www.themidnightcoders.com/rcs/index.htm)的客户端库。该丰富的客户系统提供一简单的在线api来绑定到并调用任何Java对象，XML Web服务或者EJB上的方法。 ·支持同步的和异步的方法调用。 ·并不要求在服务器端代码上作任何修改，不需要定制方法属性，特别的签名或者参数类型。★不要求设计时生成代理。 ·同步调用返回来自于该调用(不需要回叫)的数据。异步的调用依赖于一个回叫实现。 ·任何服务器端方法能被同步地或者异步地调用。 ·客户应用程序能向服务器对象请求指定的活动方式。结果，对象能被轻易地创建而不需任何特殊的编程。 ·提供一个特定API来处理数据库查询结果-服务器代码能返回Data集合或者Data表，而客户端以一个特殊RecordSet JavaScript对象来显示这个结果。该对象提供一个方法以检索列名和行数据。 ·支持数据分页技术。客户应用程序能检索页面中的数据。 ·支持所有的服务器端参数类型并返回值-原型，字符串，复合类型，数组，本机.net集合，远程参考。 ·共有两种版本可用：标准版(自由)和专业版(商业许可) 4.2 Echo 2(自从3月2005年) 网址是：http://www.nextapp.com/products/echo2/，允许你用纯Java代码编写Ajax应用软件(范例(http://demo.nextapp.com/InteractiveTest/ia))。 自动地生成HTML和Javascript。 ·协调浏览器和服务器之间的消息。消息形式为XML。 ·如果需要，可以手工编写定制的Javascript部件。 ·开源许可(Mozilla公共许可或者GNU LGPL)。源于Next App,Inc.(http://www.nextapp.com/)。 4.3 Direct Web Remoting (DWR)(2005年) 网址是：http://www.getahead.ltd.uk/dwr/，是一个框架，用于直接从Javascript代码中调用Java方法。 ·象SAJAX，能把Javascript中的调用传递到Java方法，并返回到Javascript回叫。 ·能与任何web框架（Struts，Tapestry，等等）一起使用。 ·开源许可(Apache(http://www.apache.org/LICENSE.txt))。由Joe Walker(http://www.getahead.ltd.uk/sg/space/joe/)所支持。被加入到WebWork(http: //www.opensymphony.com/webwork/)版本。 4.4 SWATO(2005年) 网址是：http://swato.dev.java.net/，是一套可重用的和良好集成的Java/JavaScript库，它实现了一种更容易的方式来改变你的web应用程序的交互，它是通过AJAX方式实现。 ·服务器端Java库能被容易地配置到所有的Servlet 2.3+匹配的容器中。 ·客户端JavaScript库能工作在支持HttpXMLRequest的各种浏览器中。 ·使用JSON来在服务器端编组你的POJO数据。这样你能存取在任何JavaScript环境(HTML，XUL，SVG)中的远程数据，这种存取可以容易地通过硬编码或者与某种成熟的JavaScript库集成来实现。 ·提供一个简单的接口来使你的JavaScript代码可以与暴露在客户端的远程POJO交互(RPC等)。 ·使用web.xml中的和的容易且灵活的配置，并能(但不是依赖)与Spring集成到一起。 ·提供了几个可帮助你快速开发web应用程序的组件(如自动完成的文本框，在线表单，在线列表，等等)。 5 服务器端：Lisp 5.1 CL-Ajax 网址：http://cliki.net/cl-ajax，实现Javascript直接调用服务器端Lisp函数。 ·如下输出函数： (export-函数 #’my-函数) ·可以产生带有参数的Javascript代理。 ·能回叫Javascript函数或者DOM对象。 ·可以被集成进SAJAX。 ·开源(定制，非常灵活，许可)。由[Richard Newman](http://www.holygoat.co.uk/)所维护。 6 服务器端：.NET 6.1 WebORB for.NET(自从8月2005年) 网址：http://www.themidnightcoders.com/weborb/aboutWeborb.htm，是一个平台，用于开发 AJAX和基于Flash的胖客户端应用程序，并能把它们连接到.NET对象和XML Web服务。(在线举例(http://www.themidnightcoders.com/examples)) ·WebORB包括一个客户端库，名叫Rich Client System(http://www.themidnightcoders.com/rcs/index.htm)。Rich Client System提供一简单的在线api以绑定到和调用任何.NET对象或者XML Web服务上的任何方法。 ·支持同步和异步的方法调用 ·并不要求在服务器端代码上作任何修改，不需要定制方法属性，特别的签名或者参数类型。**不要求设计时代理生成。 ·同步调用返回来自于该调用的数据(不需要回叫)。异步的调用依赖于一个回叫实现。 ·任何服务器端方法能被同步地或者异步地调用。 ·客户应用程序能向服务器对象请求指定的活动方式。结果，对象能被轻易地创建而不需任何特殊的编程。 ·提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个特殊RecordSet JavaScript对象来显示这个结果。该对象提供一个方法以检索列名和行数据 ·支持数据页面技术。客户端应用程序能检索页面中的数据。 ·支持所有的服务器端参数类型并返回值-原型，字符串，复合类型，数组，本机.net集合，远程参考 ·共有两种版本可用的：标准版(自由)和专业版(商业许可) 6.2 Ajax.NET(自从3月2005年) 网址是：http://ajax.schwarz-interactive.de/，是一个库，实现从Javascript到服务器端.NET的存取。 ·象SAJAX，能把Javascript中的调用传递到.NET方法，并返回到Javascript回叫。 ·能存取来自于JavaScript的会话数据。 ·缓存结果 ·自由使用，可用的源码，未指定使用许可。由Michael Schwarz(http://weblogs.asp.net/mschwarz/)所维护。 ·不允许改变源代码，用属性标记方法 ·完整的类支持以返回客户端JavaScript值 ·使用HtmlControls来进行输入和返回值 ·可以返回数据表，数据集，数据视图，数组和集合 7 服务器端：PHP 7.1 AjaxAC(自从2005年4月) 网址是：http://ajax.zervaas.com.au/，用单个的PHP类封装了完整的应用程序。 ·所有的应用程序代码是自包含在单个类中(附加另外一些JavaScript库) ·干净利索地调用PHP文件/HTML页面。只需创建应用程序类，然后参照应用程序JavaScript和依附任何需要的HTML元素到该应用程序。 ·容易地处理JavaScript事件的内嵌功能 ·创建子需要并处理它们的内嵌功能 ·允许定制的配置值，因此某些单元能在运行时间设置 ·无凌乱的JavaScript代码夹杂在调用HTML的代码中-所有的事件是被动态依附的 ·由于以上两个原因容易和模板引擎集成到一起 ·容易钩到（hook in to）已有的PHP类或者MySQL数据库以返回来自于子需求的数据 ·能够容易地进一步生成JavaScript对象的可扩展的窗口小组件结构(但是还需要做一些工作) 背景： ·开源许可(Apache2.0)。由Zervaas Enterprises(http://ajax.zervaas.com.au/)支持 7.2 JPSpan 网址是：http://jpspan.sourceforge.net/wiki/doku.php，直接把Javascript调用传递到PHP函数。 ·进行了严肃的单元测试。 ·开源许可(PHP)。 7.3 XAJAX 网址是：http://xajax.sf.net，直接把Javascript调用传递到PHP函数。 ·使用Javascript代理来调用PHP脚本。 ·开源。由J.Max Wilson所创。 8 服务器端：Ruby Ruby On Rails(http://www.rubyonrails.org/)是一个通常的强力支持Ajax的web框架： ·当Ajax出现的时候Rails还处于其发展的早期，因此Ajax可能逐渐成为Rails框架的核心。 ·生成浏览器中大多数/全部的窗口小组件和动画的Javascript脚本。 ·支持服务器端调用。 ·调度支持。　 ·开源许可。 8.1荷兰豪门阿贾克斯俱乐部的英文缩写----AJAX 如果您认为本词条还有待完善，需要补充新内容或修改错误内容，请 编辑词条

参考资料：  1. http://www.adaptivepath.com/ideas/essays/archives/000385.php 文章原文地址Ajax: A New Approach to Web Applications  2. http://www.webw3c.org/divcss-tech/guowai-20-gepiaoliangdejiyu-AjaxCSS-biaogexinshang/ 国外20个漂亮的基于Ajax+CSS表格欣赏  3. http://www./wz/list.aspx?cid=248 AJAX开源,几百AJAX效果演示与源码提供  4. http://www.w3course.net/ web在线技术教程  5.ajax教程： http://www.86w3.com/art_list_pid17_classid17.html  6. http://www.86w3.com/  7. http://www.cnic.org/wiki/AJAX  8. http://blog.inmedia.cn/index.php/2006/03/29/ajaxasbasncn_erd_ac  9.Ajax——JS与XML的精彩组合: http://www.micy.cn/blog/index.php/archives/199.html  10. http://tech.chinaasp.com/20051123/ajax/31503.shtml  11. http://www.hotajax.org/   贡献者（共28名）： f404726576、 w3c爱好者、 AJAX最棒、 56web、 wqb119、 nyq1999、 EnKou、 cshujun21625、 墨夫、 summit677、 cdinten、 rickie622、 虎澈、 guoyongfei、 Jobs_Lee、 wtmgsn、 Kealin、 景观美、 疯狂答题手、 super_phenix 　 更多>>

转载于:https://www.cnblogs.com/chuncn/archive/2008/09/03/1283158.html