新JSP程序设计实例教程 国家级精品课程配套教材 教学课件 刘志成 第9章　Ajax应用.ppt

第9章　Ajax应用 主编：刘志成 本章学习导航 本章学习要点 9.1 认识Ajax 9.1 认识Ajax 9.1 认识Ajax 9.1 认识Ajax 课堂案例1—第一个Ajax程序 课堂案例1—第一个Ajax程序 9.2 Ajax中使用的技术 9.2 Ajax中使用的技术 9.2 Ajax中使用的技术 9.2 Ajax中使用的技术 9.2 Ajax中使用的技术 课堂实践 1 9.3 在JSP中应用Ajax 课堂案例2—应用Ajax检测用户名 课堂案例2—应用Ajax检测用户名 课堂案例2—应用Ajax检测用户名 课堂案例3—使用Ajax实现级联下拉列表 课堂案例3—使用Ajax实现级联下拉列表 课堂案例3—使用Ajax实现级联下拉列表 * * “JSP程序设计”国家级精品课程配套教材 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 本章学习导航 （1）Ajax的基本概念。 （2）Ajax中使用的技术。 （3）Ajax技术框架。 （4）编写Ajax的一般过程。 （5）Ajax技术的典型应用。 建议课时：4课时 Ajax是多种技术的综合应用，主要包括JavaScript技术、XML技术、DOM技术和 XMLHttp Request对象等。Ajax作为Web 2.0的一个重要技术，大大推动了Web技术的发展。 Ajax技术在1998年前后得到了应用。 2005年2月18日，Adaptive Path公司负责用户体验策略的主管杰西詹姆斯.加勒特(Jesse James Garrett)发表了一篇题为《AJAX：一个WEB应用的新途径》的论文，明确地将Ajax定义为Asynchronous JavaScript + XML，即异步的JavaScript和XML处理。 什么是Ajax Ajax可以在静态页面上动态地调用服务器的资源，优化浏览器和服务器之间的沟通，减少不必要的数据传输、时间及降低网络上的数据流量。 Ajax允许用户的操作与服务器的操作异步进行，在服务器响应用户操作的同时，用户可以执行其他操作。 Ajax允许一些常规操作在客户端进行，将原本由服务端负责处理的工作，通过Ajax让客户端分担部分工作，有利于减轻服务器的负担，这样平衡了前、后端的负载。 应用Ajax技术，不必更新全部网页，只需要更新需要更新的内容或部分页面。大大减少了用户的等待时间，使界面更加友好。 Ajax的优点 由于Ajax是在客户端执行的，因此在编程时必须考虑客户可能用到的所有浏览器的类型。如果用户浏览器不同或者版本不一致，有可能会造成无法动作的问题。 由于Ajax需要在客户端执行一些操作，所以会在客户端占用更多的资源，也会造成客户端会过“肥”，太多程序代码放在客户端也会造成开发上的成本的增加。 由于Ajax的脚本语言是直接存放在页面的HTML代码中，可能会暴露服务端，被恶意攻击、篡改，因而造成安全上的漏洞，所以不利于项目代码的必威体育官网网址。 由于Ajax可以不刷新页面就更新数据，因此通常会导致浏览器的“后退”功能失效。 Ajax的缺点 Ajax作为JavaScript和XML等技术的结合体，通过页面与后台处理的异步执行来减少用户的等待时间和服务器的负载。 Ajax的工作原理 基于Ajax的Web应用模型 传统Web应用模型 体验Ajax技术的应用并了解Ajax程序的基本框架 。 案例学习目标 Ajax程序的基本框架、 Ajax技术在JSP中使用的一般形式、Ajax技术在JSP中的应用。 案例知识要点 案例完成步骤 （1）在Tomcat的webapps文件夹中创建保存第9章程序文件的文件夹chap09。 （2）复制WEB-INF文件夹和web.xml文件。 （3）编写应用Ajax技术的JSP程序ajaxdemo.jsp。 （4）编写用于被请求的HTML文件demo.htm。 （5）启动Tomcat服务器后，打开IE，在地址栏中输入“http://localhost:8080/chap09/ajaxdemo.jsp”。 教师演示讲解 1．JavaScript JavaScript是一种面向过程的客户端脚本语言，主要目的是解决服务器端语言（比如Perl）遗留的速度问题，为客户提供更流畅的浏览效果。 2．XMLHttpRequest XMLHttpRequest是Ajax技术体系中最为核心的技术。 3．XML XML（eXtensible Markup Language）即可扩展标记