ajax简介-ajax基础培训课件

ajax简介-ajax基础培训 本文由myeducs贡献 文档可能在WAP端浏览体验不佳。建议您优先选择TXT，或下载源文件到本机查看。 Ajax基础培训 Ajax基础培训 第一章(Ajax简介) Ajax基础培训 Ajax基础培训 (第一章) 第一章) Ajax的产生与发展 Ajax的产生与发展 8/25/2010 1 Google地图 8/25/2010 2 Google自动提示 8/25/2010 3 1.0 Ajax简介 1.1什么是Ajax 1.2Ajax对WEB应用的影响 1.3Ajax相关技术 1.4Ajax 1.4Ajax的发展 1.5Ajax基本工作原理 1.6如今Ajax的相关应用 1.7Ajax的缺陷 1.8小结 8/25/2010 4 1.1 什么是Ajax Ajax的技术的产生 Ajax.被认为是(Asynchronous JavaScript + XML的 缩写，即(异步JavaScript+XML)。而如今，允 许浏览器与服务器通信而无须刷新当前页面的技 术都被叫做Ajax。 “Ajax”这个名字是在2005年2月，Adaptive Path的 Jesse James Garrett在他的文章Ajax:A New Approach to Web Application中创造。 而Ajax这项技术，是Google在Google Labs发布Google Maps和Google Suggest后真正为人所认识。 8/25/2010 5 1.2 Ajax对WEB应用的影响 从Web应用程序发展来看 请求/响应模式带来无穷的等待 而Ajax的产生，使用 局部 异步 的页面响应方法打破拉Web应 用的困境。 AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个 中间媒介，从而消除了 网络交互过程中的处理—等待—处 理—等待缺点。 8/25/2010 6 同步交互 烧水 水烧开 浇花 精彩进球 看电视 t0 t1 t2 8/25/2010 7 异步交互 烧水 水烧开 浇花 看电视 t0 t1 t2 t3 8/25/2010 8 1.3 Ajax的相关技术 使用扩展超媒体标记语言(eXtended Hypertext Markup Language,简称XHTML)和级联样式单(Cascading Style Sheet,简称CSS)标准化呈现; 使用文档对象模型(Document Object Model,简称DOM)实 现动态显示和交互; 使用可扩展标记语言(eXtensible Markup Language, 简称XML) 和可扩展样式表转换(eXtensible Stylesheet Language Transformation,简称XSLT)进行数据交换与处理; 使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取; 使用JavaScript绑定和处理所有数据。 8/25/2010 9 1.3.1 Ajax主要技术组成 Web浏览器 Web浏览器 定义外观 JavaScript 逻辑 定义内容和层 与web服 web服 务器通信 Css 样 式 DOM XMLHttpRequest对象 XMLHttpRequest对象 Web服务器 Web服务器 8/25/2010 10 1.4 Ajax的相关发展 Ajax虽然是Jesse James Garrett最早提出这个词，不过在 Google发布Google Maps和Google Suggest也就是人们 真正认识Ajax之前就有很多这方面的文章拉。 如今，Ajax正在飞速的发展，虽然现在还不完美，不过 这项技术已经存在并被很好的运用着。它的跨浏览器跨 平台，以及鲜明的Ajax应用，使得不论是开发人员还是 用户都非常喜欢它。 而今后Ajax技术将极大的提高WEB应用的可用性，因为 它改变拉我们开发WEB的方式，没有人能说得清楚在 RIA应用方面，那一种技术，会在什么时候取代它。这 些因素都支持Ajax应该持续好多年。 8/25/2010 11 1.5 Ajax的基本工作原理 加中间层，用户操作与服务器响应异步化。 转嫁服务器负担到客户端，充分利用客户端处理能力。 8/25/2010 12 1.5.1 Ajax的工作原理图 AJAX原理图 8/25/2010 13 1.6 如今Ajax的相关应用 谁在用Ajax??? -- Google显然是最早采用Ajax的公司，而且已经用在很 多的技术上，如Google Maps、Google Suggest和 Gmail。而Yahoo!也开始引入Ajax控件，另外Amazon 提供了一个简洁的搜索工具，其中也大量使用拉着个 技术。还有Netflix这家很有名的DVD租借公司，在影 片浏览上也使用了Ajax„„. 8/25/2010 14 8/25/2010 15 8/25/2010 16 1.7 Ajax的缺陷 AJAX不是完美的技术。使用AJAX，它的一些缺陷 不得不权衡一下: 1. 由Javascript和AJAX引擎导致的浏览器的兼容性。 2. 页面局部刷新，导致后退功能失效。 3. 对流媒体的支持没有FLASH、Java Applet好。 4. 一些手持设备(如手机、PDA等)支持性差。 8/25/2010 17 1.8 小结 通过上面的简单介绍，相信大家对Ajax有了基本的了解: 1. Ajax并非是一个新的技术或者语言，他只是几项技术按 一定的方式组合起来，在共同协作中发挥各自的作用。 老技术，新技巧。 2. Ajax主要功能特点: JavaScript用户体验; JavaScript CSS样式定义; DOM组织视图; XML数据异步加载; XMLDocument/XMLHttpRequest。 18 8/25/2010 1.8 谢谢～ 谢谢大家～ 谢谢大家～ 中勤在线网站 2010/7/21 2010-8-25 19