12 Ajax(精简版).ppt

《12 Ajax(精简版).ppt》由会员分享，可在线阅读，更多相关《12 Ajax(精简版).ppt（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第1212章章AjaxAjax入门入门本课教学内容w复习：Ajax原理、关键代码wAjax案例：w1.教材welcome2.jspw2.设计一个网页框架+Ajaxw3.综合实例：Ajax+Servlet+网页框架 Ajax 开发wAjax 核心代码function showInfo()var xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”);/1 实例化对象实例化对象：xmlHttp.open(get,info.jsp,true);/2 指定异步提交的目标和提交方式指定异步提交的目标和提交方式xmlHttp.onreadystatechange=func

2、tion()/3 指定当指定当 xmlHttp 状态改变时，需要进行的处理状态改变时，需要进行的处理if(xmlHttp.readyState=4)infoDiv.innerHTML=xmlHttp.responseText;/4 处理代码处理代码 xmlHttp.send();/5 发出请求发出请求Ajax 简单案例 welcome2.jsp function showInfo()var xmlHttp=new ActiveXObject(Msxml2.XMLHTTP);xmlHttp.open(GET,info.jsp,true);xmlHttp.onreadystatechange=fu

3、nction()if(xmlHttp.readyState=4)infoDiv.innerText=xmlHttp.responseText;xmlHttp.send();欢迎来到本系统.Ajax 案例 网页框架+Ajax综合实例：Ajax+Servlet+网页框架登录界面：登录界面：login.jsp验证验证 Servlet：LoginServlet.java正确返回页：正确返回页：loginSuccess.jsp错误返回页：错误返回页：loginFail.jsp需要注意的问题wAjax 具有如下优点 减轻服务器负担，避免整个浏览器窗口刷新时造减轻服务器负担，避免整个浏览器窗口刷新时造成的重

4、复请求成的重复请求带来更好的用户体验带来更好的用户体验 进一步促进页面呈现和数据本身的分离等进一步促进页面呈现和数据本身的分离等需要注意的问题wAjax 具有如下缺点 对浏览器具有一定的限制，对于不兼容的浏览器，对浏览器具有一定的限制，对于不兼容的浏览器，可能无法使用。可能无法使用。Ajax 没有刷新页面，浏览器上的没有刷新页面，浏览器上的后退后退按钮是失按钮是失效的，因此，客户经常无法回退到以前的操作效的，因此，客户经常无法回退到以前的操作需要注意的问题wAjax 框架 Bindows，2003 年发布，网址是：年发布，网址是：http:/。Bindows 是一个软件是一个软件开发包，通过强

5、力联合开发包，通过强力联合 DHTML、JavaScript、CSS 和和 XML 等技术，能生成高度交互的互联网等技术，能生成高度交互的互联网 应用程序，成为桌面应用程序的强有力对手应用程序，成为桌面应用程序的强有力对手需要注意的问题wAjax 框架 BackBase，2003 年发布，网址是：年发布，网址是：http:/，是一个全面的浏览，是一个全面的浏览器端框架，支持丰富的浏览器功能以及与器端框架，支持丰富的浏览器功能以及与.NET 和和 Java 的集成的集成需要注意的问题wAjax 框架Flash JavaScript 集成包，网址是：集成包，网址是：http:/www.osflas

6、h.org/doku.php?id=flashjs，允许允许JavaScript 和和 Flash 内容的集成内容的集成需要注意的问题wAjax 框架Google AjaxSLT，2005 年发布，网址是：年发布，网址是：http:/goog- Javascript 框架，用来执行框架，用来执行 XSLT 转换以及转换以及 XPath 查询查询需要注意的问题wAjax 框架交互式网站框架，交互式网站框架，2005 年发布，网址是：年发布，网址是：http:/ Ajax 基础结构予以多方面的支持基础结构予以多方面的支持jQuery：该框架对：该框架对 DOM 元素的选择进行了大量元素的选择进行了大量的简化的简化本章结束w本章总结 Ajax 技术的原理技术的原理 Ajax 技术的基础技术的基础 API 编程编程w上机习题