第8章 JSP高级开发.pptVIP

第8章 JSP高级开发 JSP的应用中，除了基本的语法外，还可以使用一些高级技术，如Ajax、Struts等。 8.1Ajax Internet的快速发展使人们越来越享受Web带来的各种便利。从最初的静态网站，到今天商业化的主流动态网站，Web跨越了传统媒体的时空束缚，使得信息传递在速度和范围等方面产生了革命性的飞跃。与此同时，支持Web 2.0技术的Ajax技术也得到更加广泛的应用。 8.1.1Ajax介绍 Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种Web应用程序开发的手段，其第一个字母A的意思是使用异步方式调用，采用回调方式处理数据，会让用户感觉到桌面软件处理方式的便利。除此之外，Ajax还能使网站可以从不同的来源收集信息，然后把信息无缝地呈现在浏览者面前。Google、Gmail、Orkut等都应用了这项技术。目前，Ajax应用最广泛的领域是GISMap方面。GIS的区域有哪些信誉好的足球投注网站强调快速响应，Ajax的特点正好符合这种需求。 Ajax由XHTML、CSS、JavaScript、XML、XMLHttpRequest、XSTL和DOM等组成。其中，使用XHTML和CSS实现标准化呈现，使用DOM实现动态显示和交互，使用XMLHttpRequest对象进行异步数据读取，使用JavaScript绑定和处理所有数据。在Ajax涉及的七项技术中，JavaScript、XMLHttpRequest、DOM和XML的应用更为广泛。 使用Ajax的最大优点是能在不刷新整个页面的前提下维护数据，这使得Web应用程序能更加迅速地与用户进行交互，并避免在网络上重复发送没有改变的信息。 8.1.2传统Web开发模式与基于Ajax开发模式 传统的Web应用允许用户填写表单，当提交表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这种做法浪费了许多带宽，因为前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多，严重地超出响应时间时，服务器甚至会提示页面不能用。另外，有时如果只是想要改变页面的一小部分数据，重新加载整个页面显得过于复杂。当软件设计越来越讲究人性化的时候，这种弊端就越来越明显。为解决这些问题，现在除了程序设计、编码优化和服务器调优之外，还可以使用Ajax。 与传统的Web应用不同，Ajax采用异步交互过程。Ajax在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理—等待—处理—等待的缺点，即相当于在用户和服务器之间加了一个中间层，使用户操作和服务器响应异步。这样把以前的一些由服务器负担的工作转嫁到客户端，利用客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间和宽带租用成本的目的。 用户的浏览器在执行任务时即装载了Ajax引擎。Ajax引擎用JavaScript语言编写，通常位于一个隐藏的框架中，它负责编译用户界面及与服务器之间的交互。Ajax引擎允许用户与应用软件之间的交互过程异步，独立于用户与网络服务器间的交流。现在，可以用JavaScript调用Ajax引擎来代替产生一个HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面可以交给Ajax来执行。 传统Web和Ajax的工作原理如下图所示。 8.1.3Ajax用到的技术 Ajax涉及到的七项技术中，JavaScript、XMLHttpRequest、DOM、XML比较常用，下面具体介绍。 1.JavaScript JavaScript一直被定位为客户端的脚本语言，应用最多的地方是表单数据的校验。现在，可以通过JavaScript操作XMLHttpRequest来跟数据库打交道。 2.XMLHttpRequest Ajax一个最大的特点是不需要刷新页面就可以向服务器传输或读写数据，而这一功能的实现得益于XMLHttp组件的XMLHttpRequest对象。通过这个对象，可以像桌面程序一样，只同服务器进行数据层面上的交换，不用每次都刷新界面，也不用每次都将数据处理的工作提交给服务器，这样既减轻了服务器的负担，又加快了响应速度，缩短了用户等待的时间。 由于JavaScript具有动态类型特性，而且XMLHttpRequest在不同的浏览器上的实现是兼容的，所以可以用同样的方式访问XMLHttpRequest实例的属性和方法，而不用考虑这个实例创建的方法是什么。 8.1.4Ajax框架 创建Ajax页面时,会存在大量的重复性代码，如处理服务器端的返回信息等，为了节省开发Ajax的时间和精力，可