JSP程序设计教程.ppt

《JSP程序设计教程.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JSP程序设计教程第9章JSP高级程序设计第9章JSP高级程序设计9.1JSP与Ajax技术9.2EL表达式及标签9.3JSP框架技术√√√9.1JSP与Ajax技术Ajax是AsynchronousJavaScriptandXML的缩写，意思是异步的JavaScript与XML。Ajax并不是一门新的语言或技术，它是JavaScript、XML、CSS、DOM等多种已有技术的组合，它可以实现客户端的异步请求操作。这样可以实现在不需要刷新页面的情况下与服务器进行通信，从而减少了用户的等待时间。9.1.1Ajax的开发模式9.1.2A

2、jax使用的技术9.1.3搭建Ajax开发框架9.1.4Ajax开发需要注意的几个问题√√√√9.1.1Ajax的开发模式在传统的Web应用模式中，页面中用户的每一次操作都将触发一次返回Web服务器的HTTP请求，服务器进行相应的处理（获得数据、运行与不同的系统会话）后，返回一个HTML页面给客户端，如下图所示。用户界面客户端服务器端Web服务器数据存储，后端处理，继承系统HTML+CSS数据HTTP请求HTTP（S）协议传输9.1.1Ajax的开发模式而在Ajax应用中，页面中用户的操作将通过Ajax引擎与服务器端进行通信，然后将

3、返回结果提交给客户端页面的Ajax引擎，再由Ajax引擎来决定将这些数据插入到页面的指定位置，如下图所示。用户界面客户端服务器端Web和/或XML服务器数据存储，后端处理，继承系统XML数据HTTP请求HTTP（S）协议传输Ajax引擎JavaScript调用HTML+CSS数据9.1.1Ajax的开发模式从上面两个图中可以看出，对于每个用户的行为，在传统的Web应用模式中，将生成一次HTTP请求，而在Ajax应用开发模式中，将变成对Ajax引擎的一次JavaScript调用。在Ajax应用开发模式中通过JavaScript实现在不

4、刷新整个页面的情况下，对部分数据进行更新，从而降低了网络流量，给用户带来了更好的体验。9.1.2Ajax使用的技术JavaScript是一种在Web页面中添加动态脚本代码的解释性程序语言，其核心已经嵌入到目前主流的Web浏览器中。虽然平时应用最多的是通过JavaScript实现一些网页特效及表单数据验证等功能，其实JavaScript可以实现的功能远不止这些。JavaScript是一种具有丰富的面向对象特性的程序设计语言，利用它能执行许多复杂的任务，例如，Ajax就是利用JavaScript将DOM、XHTML（或HTML）、XML

5、以及CSS等技术综合起来，并控制它们的行为。因此要开发一个复杂高效的Ajax应用程序，就必须对JavaScript有深入的了解。1．JavaScript脚本语言9.1.2Ajax使用的技术Ajax技术之中，最核心的技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接一个服务器，是微软公司为了满足开发者的需要，于1999年在IE5.0浏览器中率先推出的。现在许多浏览器都对其提供了支持，不过实现方式与IE有所不同。通过XMLHttpRequest对象，Ajax可

6、以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新页面，也不用每次都将数据处理的工作交给服务器来做，这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。2．XMLHttpRequest上面语法中的Msxml2.XMLHTTP和Microsoft.XMLHTTP是针对IE浏览器的不同版本而进行设置的，目前比较常用的是这两种。9.1.2Ajax使用的技术在使用XMLHttpRequest对象发送请求和处理响应之前，首先需要初始化该对象，由于XMLHttpRequest不是一个W3C标准，所以对于不同的浏览器，初

7、始化的方法也是不同的。（1）IE浏览器IE浏览器把XMLHttpRequest实例化为一个ActiveX对象。具体方法如下：varhttp_request=newActiveXObject("Msxml2.XMLHTTP");或者varhttp_request=newActiveXObject("Microsoft.XMLHTTP");为了提高程序的兼容性，可以创建一个跨浏览器的XMLHttpRequest对象。创建一个跨浏览器的XMLHttpRequest对象其实很简单，只需要判断一下不同浏览器的实现方式，如果浏览器提供了XMLH

8、ttpRequest类，则直接创建一个实例，否则使用IE的ActiveX控件。具体代码如下：9.1.2Ajax使用的技术（2）Mozilla、Safari等其他浏览器Mozilla、Safari等其他浏览器把它实例化为一个本地Java