基于Spring的软件测试专业网站表现层设计

相关技术介绍
3.1 Ajax定义
3.1.1 传统Web界面的问题
目前编写应用程序有两种基本的选择:桌面应用程序和Web应用程序，两者是类似的。桌面应用程序通常以CD为介质(有时候可从网站下载)并完全安装到客户的计算机上。桌面应用程序可以使用互联网下载更新，但运行这些应用程序的代码在桌面计算机上。Web应用程序运行在某处的Web服务器上，要通过Web浏览器访问这种应用程序。 think58.com

比这些应用程序的运行代码放在何处更重要的是，应用程序如何运转以及如何与
其进行交互。桌面应用程序一般很快(就在本地的计算机上运行，不用等待互联网连接)，具有漂亮的用户界面 (通常和操作系统有关)和非凡的动态性。可以单击、选择、输入、打开菜单和子菜单、到处巡游，基本上不需要等待。
另一方面，Web应用程序是最新的潮流，它们提供了在桌面上不能实现的服务(比如Amazon.com和 eBay )。但是，伴随着 Web的强大而出现的是等待，等待服务器响应、等待屏幕刷新、等待请求返回和生成新的页面。
Ajax(Asynchronous JavaScript and XML )尝试建立桌面应用程序的功能和交互，是与不断更新的 Web应用程序之间的桥梁。可以使用像桌面应用程序中常见的动态用户界面和漂亮的控件。
3.1.2什么是Ajax
要找出谁首先发明了Ajax，总免不了一场争论，不过有一点是可以确定的，2005年2月，Adaptive Path的Jesse James Garrett最早创造了这个词。在他的文章Ajax：A New Approach to Web Applications中，Garrett讨论了如何消除胖客户应用和瘦客户应用之间的界限。
在Garrett的总结中，Ajax包括以下5个部分[1];[2];[3]：
(1) 基于标准的表示技术，使用XHTML和CSS；
(2) 动态显示与交互技术，使用DOM（文档对象模型）；

[来源：http://www.think58.com]

(3) 数据互换与操作技术，使用XML和XSLT；
(4) 异步数据获取技术，使用XmlHttpRequest；
(5) 使用javascript将以上的一切结合在一起。
Ajax Web应用模型
Ajax不是一种技术，它由几种蓬勃发展的技术以新的强大方式组合而成。它包含基于XHTML和CSS标准的表示;使用Document Object Model进行动态显示和交互;使用XMLHttpRequest与服务器进行异步通信;使用JavaScript绑定一切。
Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前，Web站点强制用户进入提勿等待/重新显示范例，用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用JavaScript和DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。
AJAX与传统模式的不同，它通过在用户和服务器之间引入一个 AJAX引擎，消除了 Web的“开始一停止一开始一停止”的交互过程，使它响应更灵敏。在会话的开始，浏览器加载了一个AJAX 引擎，这是采用Javascript编写的程序，通常在一个隐藏frame中。这个引擎负责绘制用户界面以及与服务器端通讯。通过这个引擎，AJAX允许用异步的方式实现用户与程序的交互，从而当浏览器向服务器发送数据请求时，不用等待服务器的通讯反应，所以用户不用打开一个空白窗口，看到等待光标不断的转，等待服务器完成后再响应。 内容来自think58
    使用AJAX，可以为ISP、开发人员、终端用户带来可见的便捷:
(1) 无刷新更新页面，减少用户心理和实际的等待时间。特别的，当要读取大量的数据的时候，不用像 ReIoad那样出现白屏的情况，AJAX使用XMLHTTPRequest对象发送请求并得到服务器响应，在不重新载入整个页面的情况下用Javascript操作OOM最终更新页面。所以在读取数据的过程中，用户所面对的不是白屏，是原来的页面内容(也可以加一个Loading的提示框让用户知道处于读取数据过程)，只有当数据接收完毕之后才更新相应部分的内容。这种更新是瞬间的，用户几乎感觉不到，带来了更好的用户体验。
(2) 减轻服务器的负担。AJAX的原则是“按需取数据”，可以最大程度的减少冗余请求和响应对服务器造成的负担。同时，AJAX可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。
(3) 具有良好的集成性，可以调用外部数据，同时，基于标准化的并被广泛支持的技术，AJAX不需要下载插件或者小程序就能支持丰富的用户交互功能。
(4) 程序框架清晰，进一步促进页面呈现和数据的分离。

本文来自think58 [资料来源：http://www.THINK58.com]

[来源：http://think58.com]