Ajax软件开发技术ch18.pptVIP

Ajax软件开发技术 课程纲要 授课方式 授课教材：Ajax基础教程 理论课时：34学时 试验课时：16学时 考核方式 平时上课考勤及上机实验作业 40% 期末考试笔试 60% AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 AJAX参考书籍 Ajax软件开发技术 第一章 AJAX 简介 本章内容 Web简介 Ajax概述 Ajax相关技术 Ajax工作原理 Ajax体验 目标 了解Web发展历史 了解Web2.0概念 掌握Ajax技术的概念 掌握Ajax的相关技术 理解Ajax的工作原理及基本原则 了解Ajax的优势以及特征 本章内容 Web简介√ Ajax概述 Ajax相关技术 Ajax工作原理 Ajax体验 Web发展史 1990年11月，第一个Web服务器nxoc01.cern.ch开始运行 1991年，正式发布Web技术标准 W3C组织（World Wide Web Consortinum） Web2.0简介 Web2.0 是相对Web1.0 的新的一类互联网应用的统称。 随着Web2.0的出现，互联网进入了一个更加开放、交互性更强、由用户决定内容并参与共同建设的可读写的网络阶段 Web2.0本身并没有特别明确的标准来进行描述，一般将促成这个阶段的各种技术和相关的产品服务统称为Web2.0 Web2.0简介 传统的Web应用解决方案，将所有操作都集成在服务器端进行，客户端所做的工作只是简单的网页显示。-- 胖服务器端和瘦客户端。 Ajax技术的出现，改变了传统Web开发的模式。通过Ajax技术，可以将大量的服务器端工作移植到客户端完成。 本章内容 Web简介 Ajax概述√ Ajax相关技术 Ajax工作原理 Ajax体验 Ajax技术概念 Ajax技术概念 Ajax是Web2.0阶段系列技术和相关产品服务中非常重要的一种技术 Ajax (Asynchronous JavaScript and XML)不是一个新的技术，事实上，它是一些旧有的成熟的技术以一种全新的更加强大的方式整合在一起。 Ajax技术概念 Ajax技术概念 本章内容 Web简介 Ajax概述 Ajax相关技术√ Ajax工作原理 Ajax体验 XHTML和CSS XHTML—可扩展超文本标记语言 结合了XML中部分强大功能及HTML中的大部分简单特性 设计上显得更严密，可以很自然地实现从HTML到XML的转换 CSS —层叠样式表 弥补HTML在格式修饰中的不足 可以动态控制页面元素的位置、色彩等 DOM DOM（文档对象模型）是以层次结构组织的节点或信息的集合 DOM是基于树或基于对象的，开发人员在这个结构树中导航寻找特定信息 DOM提供了一个API，允许开发人员添加、编辑、移动或删除树中任意位置的节点，从而创建一个应用程序 XML和XSTL XML—可扩展标记语言 XML允许开发人员自行创建需要的标签 数据存储格式不受显示格式的制约 被广泛运用在软件系统的配置文件中，也日益成为因特网上的标准数据存储格式和交换格式 XSTL—可扩展的样式表转换语言 主要功能是将XML转换为HTML XMLHttpRequest 是Ajax技术中最重要的一个对象，JavaScript脚本通过它和服务器进行通信 在不刷新页面的情况下，通过XMLHttpRequest发送异步请求及获取服务器端的响应数据 JavaScript 一种可以与HTML混合使用的脚本语言 可以在浏览器的支持下跨平台运行 可以调用浏览器及Ajax提供的相关对象，利用这些对象实现页面效果的动态控制 Ajax技术应用 Ajax技术应用 Ajax技术应用 本章内容 Web简介 Ajax概述 Ajax相关技术 Ajax工作原理√ Ajax体验 Ajax工作原理 Ajax关注的两个问题 借助异步JavaScript实现浏览器和服务器之间的异步交互 对XML文档的解析和处理 Ajax提供了非常方便的客户端处理方式，为在Web应用中实现更加丰富的交互效果奠定了基础 Ajax工作原理 传统Web应用与Ajax应用的比较 传统Web应用解决方案 在传统的Web应用模型下，大部分的用户操作都会发送一个HTTP请求给服务器，然后服务器开始处理（接收数据，执行业务逻辑，访问数据库等），最后向浏览器返回HTML页面。当服务器处理请求时，用户能够做什么呢？只有等待！ 传统Web应用解决方案 在传统的Web应用模型下，客户机 （浏览器或者本地机器上运行的代码）向服务器发出请求。该请求是同步的，客户机等待服务器的响应。当客户机等待的时候，会用某种形式通知您正在处理： 沙漏（特别是 Windows 上） 旋转皮球（通常在 M