Ajax简介-Ajax基础培训课件.pptVIP

Ajax基础培训 第一章（Ajax简介） * * Ajax基础培训(第一章)Ajax的产生与发展 Google地图 * * Google自动提示 * * 1.0 Ajax简介 1.1什么是Ajax 1.2Ajax对WEB应用的影响 1.3Ajax相关技术 1.4Ajax的发展 1.5Ajax基本工作原理 1.6如今Ajax的相关应用 1.7Ajax的缺陷 1.8小结 * * 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后真正为人所认识。 * * 1.2 Ajax对WEB应用的影响 从Web应用程序发展来看 请求/响应模式带来无穷的等待 而Ajax的产生，使用 局部 异步 的页面响应方法打破拉Web应用的困境。 AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了 网络交互过程中的处理—等待—处理—等待缺点。 * * 同步交互 * * 烧水 浇花 看电视 水烧开 精彩进球 t0 t1 t2 * * 异步交互 烧水 浇花 看电视 水烧开 t0 t1 t2 t3 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绑定和处理所有数据。 * * 1.3.1 Ajax主要技术组成 * * DOM Css样式 JavaScript 逻辑 Web服务器 Web浏览器 定义外观 与web服 务器通信 定义内容和层 XMLHttpRequest对象 1.4 Ajax的相关发展 Ajax虽然是Jesse James Garrett最早提出这个词，不过在Google发布Google Maps和Google Suggest也就是人们真正认识Ajax之前就有很多这方面的文章拉。 如今，Ajax正在飞速的发展，虽然现在还不完美，不过这项技术已经存在并被很好的运用着。它的跨浏览器跨平台，以及鲜明的Ajax应用，使得不论是开发人员还是用户都非常喜欢它。 而今后Ajax技术将极大的提高WEB应用的可用性，因为它改变拉我们开发WEB的方式，没有人能说得清楚在RIA应用方面，那一种技术，会在什么时候取代它。这些因素都支持Ajax应该持续好多年。 * * 1.5 Ajax的基本工作原理 加中间层，用户操作与服务器响应异步化。 转嫁服务器负担到客户端，充分利用客户端处理能力。 * * 1.5.1 Ajax的工作原理图 * * AJAX原理图 1.6 如今Ajax的相关应用 谁在用Ajax??? -- Google显然是最早采用Ajax的公司，而且已经用在很多的技术上，如Google Maps、Google Suggest和Gmail。而Yahoo!也开始引入Ajax控件，另外Amazon提供了一个简洁的有哪些信誉好的足球投注网站工具，其中也大量使用拉着个技术。还有Netflix这家很有名的DVD租借公司，在影片浏览上也使用了Ajax……. * * * * * * 1.7 Ajax的缺陷 AJAX不是完美的技术。使用AJAX，它的一些缺陷不得不权衡一下： 由Javascript和AJAX引擎导致的浏览器的兼容性。 页面局部刷新，导致后退功能失效。 对流媒体的支持没有FLASH、Java Applet好。 一些手持设备（如手机、PDA等）支持性差。 * * 1.8 小结 通过上面的简单介绍，相信大家对Ajax有了基本的了解： Ajax并非是一个新的技术或者语言，他只是几项技术按一定的方式组合起