JSP教程_AJAX开发

《JSP教程_AJAX开发》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第21章AJAX开发AJAX是随着Web2.0时代的到来而产生的，对于传统的Web应用开发来说，AJAX所运用的是更加先进、更加标准化、更加和谐高效以及完整的Web开发技术体系。之前，在使用浏览器访问页面时，当你刷新一个页面的时候（特别是在网站访问很慢的时候），这时浏览器会怎么样？这时的浏览器会出现一片空白，而你只能在浏览器面前白白苦等。传统的Web应用常常在页面中添加一个DIV，来显示“系统正在处理您的请求，请稍等…”类似的提示信息。这一章将要的介绍的AJAX就可以彻底地改变这种窘迫的局面，从而可以大大提高用户体验。如今，随着Gmail、Google-maps等产品使用了AJAX之后，AJ

2、AX正逐渐吸引着全世界的注意。本章要点包括以下内容：基于Ajax的开发模式介绍Ajax所使用到的技术Ajax详细的开发过程Ajax主要应用范围Ajax尚存在的问题21.1Ajax介绍网络的迅速发展，已经悄悄地改变着人们的生活方式。有越来越多的人习惯从网络中寻找自己想要的信息和知识，不再单纯地从书籍中获取。网络通信的兴起，人们也已经从传统的电话书信联系转变成了使用电子邮件以及及时通信软件（例如MSN）来和自己的朋友联系。电子商务技术也可以让人们在家中通过网络就可以购买到自己想要到的东西。网络拉近了人们之间的距离，方便了人们的生活。BS结构的Web应用正是凭借网络的广泛普及性，加上客户

3、端仅仅需要安装了浏览器即可方便浏览站点信息。虽然在很多方面，BS结构的Web应用比桌面应用程序更加优越，但正是由于它拥有客户端广泛适应和灵活性，而失去丰富客户端的控制能力。即之前的Web应用属于瘦客户程序，大量的计算和操作都集中在服务器端执行。Ajax的出现在一定程度上改变了以往Web应用所存在的不足，虽然Ajax并非一个革命性的新技术，但是它依靠多个成熟技术的整合并扮演着一个崭新的角色。Ajax首先在google中得到了成功使用，从而使它得到了广泛的关注和推崇。那么Ajax到底是什么了？这一章将慢慢地揭开Ajax的庐山真面。Ajax的全称是AsynchronousJavaScriptAnd

4、XML（异步Javascript和XML），它可以实现客户端的异步请求操作。首先读者需要明白的，Ajax并不是一个崭新的技术，它是多个已经非常成熟技术的集合。但是Ajax现在能够吸引这么多程序员的关注，是由于它具有独特的魅力以及能在Web开发中扮演着一个崭新的角色。它可以实现类似桌面应用程序一样的胖客户端，有更多的控制能力。但是与Applet和Flash相比较，Ajax则是一种轻量级的解决客户端方案。因为Ajax操作的基础仍然是HTML或者XHTML静态页面，它使用JavaScript作为脚本语言，这就保证了它的纯文本性质。简单地来说，Ajax具有如下多个优势：它具有更好的搜索引擎友好性；设

5、计出色的Ajax程序还可以很好的在旧版本的设备上工作；利用XML或者Json结构数据，Ajax可以很好地和其他应用程序（一第18章常用插件扩展点·323·般为后台动态页面程序，例如JSP、Servlet等）进行通信。传统的Web应用请求机制，是用户请求之后，等待后台重新组装整个页面传会给客户端显示。这样的弊端是网络承载了很多无用数据的传递。最为极端的情况，即用户在页面中只需要得到某一条信息，结果，后台服务器最确将插入该条信息的整个页面传递过来，这造成网络负载加重。另外，不管用户在客户端发出什么样的请求，都需要等待页面重新刷新显示，这大大影响了用户的体验。正是基于传统Web应用存在这么多的不足

6、，Ajax就显得非常及时和受欢迎。Ajax实现页面异步请求，再也不需要进行页面的刷新，结合DOM技术可以只修改页面局部需要修改的信息。并且，Ajax使得网络只传递有用信息成为了可能，这大大减轻了网络传输的负担。Ajax能受到这么多人关注的另一个重要原因是它完全基于成熟的技术，作为异步调用的基础设施XMLHttpRequest，其实早在1999年就被引入到IE浏览器中，随后又被其他浏览器所支持。另外，JavaScript、DOM、CSS也早就是W3C标准。所以说，学习Ajax就是学习如何有效集合这些技术的使用。本文通过与传统Web应用进行对比来介绍Ajax的运行机制。传统Web应用一般采取“请

7、求”－“刷新”－“显示”的模式。用户在客户端一般通过单击按钮或者链接来发送一个Web请求，服务器接受请求并进行相应处理，处理完成之后，重新组装页面并返回给客户端进行显示。在服务器进行处理的这段时间内，客户端会出现什么情况了？这时客户端浏览器将一直处于Loading状态，显示为空白或者无响应状态，用户能做的只有等待。从用户体验来说，传统Web执行机制是非常糟糕的。事实上，有时用户仅仅想获取到某一条信息，但是传统