Ajax的应用框架.docVIP

Gootrip2.0应用之Ajax框架 ——Alpha1.0版 在当年“Web应用程序”的美好时代，事情非常简单。你填写了一个表单，点击“提交”按钮，然后当前屏幕就消失了，等待一小会儿后你就转入到了下一个页面。今天的状况已经不是这样的了，用户需要的是一种就像任何桌面应用程序那样流畅、快捷和人性化的Web体验。 AJAX经常是和DHTML（Dynamic HTML）一起协作的，它的顺利执行需要允许网页中的JavaScript代码和web服务器在后台无缝通讯。比方说，当你开始在Google Suggest的搜索框中输入东西时，web页面就和服务器在后台开始交换数据，然后会给出一些你可能需要的词条等。所有的这一切都不需要页面刷新或者按下任何按钮。同样这也就是像Gmail那样的应用程序怎么能对实时拼写检查做的那么好的原因。 AJAX的确是一个实现Rich Internet Application得好办法。 较流行的ajax框架 随着ajax技术的流行，目前出现了不少的ajax框架，比如说：DWR、Buffalo、prototype、ajax4jsf、Struts AjaxTags等等，在这些框架中ajax4jsf和Struts AjaxTags有一定的框架制约性质分别应用在jsf技术和struts框架基础之上的ajax技术，而Buffalo还未推出一个比较正式的版本，所以在众多的ajax框架中应用最为广泛的还应该属于DWR和Prototype。 DWR简介 DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单。利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码)。它支持Dom Trees的自动配置，支持Spring(JavaScript远程调用spring bean)，更好浏览器支持,还支持一个可选的commons-logging日记操作。它的工作原理就像下图表示的一样。 DWR大致原理：通过javascript方法去远程调用服务器端的的方法，服务器端方法返回值到客户端，进行客户端的处理。 DWR是专门为J2EE开发出的ajax框架，所以它只能为java的应用程序或web服务，DWR提供了非常丰富的客户端方法和服务器端的类库使得程序员在作开发时大大提高了工作效率，从而节省了开发时间。 如详细了解DWR，可以参考DWR API文档。 Prototype简介 Prototype是一个基础的javascript应用框架，目的是为了更方便的开发javascript的应用，使用它可以更加方便简单的使用javascript编程，开发出面向对象的javascript程序，Prototype中包含包含了一个功能强大好用的ajax框架，Prototype是一个基础性的框架，很多更高层次的框架都以它为基础。如scriptaculous效果库。 目前Prototype的最新版本是1.5版，Prototype主要包括以下几个部分： Base：Prototype中应用的基本功能，基本上其他所有部分都依赖于它，包括用于面向对象风格的Class.create和Object.extend，一个Try对象，函数绑定，number扩展，PeriodicalExecuter(周期性执行某个函数的功能)等 。 String：对String原型的扩展，为string添加了strip,escapeHTML等等好用的方法。Hash：为javascript提供了一个好用简单的Hash实现。 Range：继承于enumerable，一个范围对象。 Ajax：一个功能强大好用的ajax框架。 Dom：对基于浏览器的开发提供了很好的跨浏览器封装，并添加很多强大的功能。 Selector：提供了使用class，css等选择元素的功能。 Form：关于表单的一些功能。 Event：简单的跨平台事件封装。 Position：提供了一些关于元素位置方面的功能。 如下图所示为Prototype1.5的类以及方法示意图： 正是因为Prototype是一个基础性的类包，所以它可以应用在更多的开发平台下，如：微软的.NET平台、Java平台、PHP、还有现在炒的比较火的Ruby等等都可以使用Prototype来完成涉及到Ajax技术的模块。 在Prototype中Ajax相关方法，用的较多的有：Ajax.Request、Ajax.Updater这两个方法。 公司自己的Ajax框架 以上所说的Ajax框架应该说覆盖了我们所用到ajax技术的方方面面，可以说能满足我们在使用ajax时的100％的需求。