jsp 高级应用.pptVIP

第9章 JSP高级程序设计 《JSP程序设计教程》课件 制作人：王国辉 Web应用程序设计 第 9章 JSP高级程序设计 1 JSP与Ajax技术 2 EL表达式及标签 3 JSP框架技术 1 JSP与Ajax技术——1.1什么是Ajax技术 Ajax是Asynchronous JavaScript and XML的缩写，意思是异步的JavaScript与XML。Ajax并不是一门新的语言或技术，它是JavaScript、XML、CSS、DOM等多种已有技术的组合，它可以实现客户端的异步请求操作。这样可以实现在不需要刷新页面的情况下与服务器进行通信，从而减少了用户的等待时间。 用户界面 客户端 服务器端 Web服务器 数据存储，后端处理，继承系统 HTML+CSS数据 HTTP请求 HTTP（S）协议传输 用户界面 客户端 服务器端 Web和/或XML服务器 数据存储，后端处理，继承系统 XML数据 HTTP请求 HTTP（S）协议传输 Ajax引擎 JavaScript调用 HTML+CSS数据 1.2 Ajax使用的技术 课件制作人：王国辉 XMLHttpRequest是Ajax技术之中最核心的技术，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接一个服务器。 通过XMLHttpRequest对象，Ajax可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新页面，也不用每次都将数据处理的工作交给服务器来做，这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。 XML是Extensible Markup Language（可扩展的标记语言）的缩写，它提供了用于描述结构化数据的格式。XMLHttpRequest对象与服务器交换的数据，通常采用XML格式，但也可以是基于文本的其他格式。 DOM是Document Object Model（文档对象模型）的缩写，是表示文档（如HTML文档）和访问、操作构成文档的各种元素（如HTML标记和文本串）的应用程序接口（API）。W3C定义了标准的文档对象模型，它以树形结构表示HTML和XML文档，定义了遍历树和添加、修改、查找树的节点的方法和属性。在Ajax应用中，通过JavaScript操作DOM，可以达到在不刷新页面的情况下实时修改用户界面的目的。 1.2 Ajax使用的技术-客户端处理 var http_request = false; function createRequest() {//1、创建Ajax核心XMLHttpRequest对象实例 if (window.XMLHttpRequest) { // Mozilla浏览器 http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE浏览器 try { http_request = new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { try { http_request = new ActiveXObject(Microsoft.XMLHTTP);} catch (e) {} } } } function checkName(){//2、事件处理中启动Ajax异步请求，并注册Ajax响应的回调函数 createRequest();//创建XMLHttpRequest对象 http_request.onreadystatechange = callback; //注册Ajax响应的回调函数 http_request.open(POST, actionurl, true); http_request.send(); //发送Ajax异步请求 } function callback() {//3、Ajax响应的回调函数，在正常响应后处理反馈数据 if (http_request.readyState == 4) { // 判断请求状态:完成 if (http_request.status == 200) { // 正常响应 var nameflg=http_request.responseText; //获取反 //TODO：处理反馈数据