ajax简介-ajax基础培训课件.doc

《ajax简介-ajax基础培训课件.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Ajax简介-Ajax基础培训课件本文由myeducs贡献ppt文档可能在WAP端浏览体验不佳。建议您优先选择TXT,或下载源文件到本机查看。Ajax基础培训Ajax基础培训第一章（Ajax简介）Ajax基础培训Ajax基础培训（第一章）第一章）Ajax的产生与发展Ajax的产生与发展8/25/20101Google地图8/25/20102Google自动提示8/25/201031.0Ajax简介1.1什么是Ajax1.2Ajax对WEB应用的影响1.3Ajax相关技术1.4Ajax1.4Ajax的发展l・5/jax基本工作原理1・6如今Ajax的相关应用

2、1.7Ajax的缺陷1・8小结8/25/201041.1什么是AjaxAjax的技术的产生Ajax.被认为是（AsynchronousJavaScript+XML的缩写，即（异步JavaScript+XMDo而如今，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajaxoz，Ajaxz，这个名字是在2005年2月,AdaptivePath的JesseJamesGarrett在他的文章Ajax:ANewApproachtoWebApplication中创造。而Ajax这项技术，是Google在GoogleLabs发布GoogleMaps和GoogleS

3、uggest后真正为人所认识。8/25/201051.2Ajax对WEB应用的影响从Web应用程序发展来看请求/响应模式带来无穷的等待而Ajax的产生，使用局部异步的页面响应方法打破拉Web应用的困境。AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理-等待-处理-等待缺点。8/25/20106同步交互烧水水烧开浇花精彩进球看电视totlt28/25/20107异步交互烧水水烧开浇花看电视totlt2t38/25/201081.3Ajax的相关技术使用扩展超媒体标记语言(extendedHypertextMa

4、rkupLanguage,简称XHTML)和级联样式单(CascadingStyleSheet,简称CSS)标准化呈现；使用文档对象模型(DocumentObjectModel,简称DOM)实现动态显示和交互；使用可扩展标记语言(extensibleMarkupLanguage,简称XML)和可扩展样式表转换(extensibleStylesheetLanguageTransformation,简称XSLT)进彳亍数据交换与处理；使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取；使用JavaScript绑定和处理所有数据。8/25/20

5、1091.3.1Ajax主要技术组成Web浏览器Web浏览器定义外观JavaScript逻辑定义内容和层与web服web服务器通信Css样式D0MXMLHttpRequest对象XMLHttpRequest对象Web服务器Web服务器8/25/2010101.4Ajax的相关发展Ajax虽然是JesseJamesGarrett最早提出这个词，不过在Google发布GoogleMaps和GoogleSuggest也就是人们真正认识Ajax之前就有很多这方面的文章拉。如今，Ajax正在飞速的发展，虽然现在还不完美，不过这项技术已经存在并被很好的运用着。它的跨浏览

6、器跨平台，以及鲜明的Ajax应用，使得不论是开发人员还是用户都非常喜欢它。而今后Ajax技术将极大的提高WEB应用的可用性，因为它改变拉我们开发WEB的方式，没有人能说得清楚在RIA应用方面，那一种技术，会在什么时候取代它。这些因素都支持Ajax应该持续好多年。8/25/2010111.5Ajax的基本工作原理加中间层，用户操作与服务器响应异步化。转嫁服务器负担到客户端，充分利用客户端处理能力。8/25/2010121.5.1Ajax的工作原理图AJAX原理图8/25/2010131.6如今Ajax的相关应用谁在用Ajax???―Google显然是最早采用A

7、jax的公司，而且已经用在很多的技术上，如GoogleMaps>GoogleSuggest和Gmail□而Yahoo!也开始引入Ajax控件，另外Amazon提供了一个简洁的搜索工具，其中也大量使用拉着个技术。还有Netflix这家很有名的DVD租借公司，在影片浏览上也使用了Ajax8/25/2010148/25/2010158/25/2010161.7Ajax的缺陷AJAX不是完美的技术。使用AJAX,它的一些缺陷不得不权衡一下：1.由Javascript和AJAX引擎导致的浏览器的兼容性。2.页面局部刷新，导致后退功能失效。3.对流媒体的支持没有FLAS

8、H.JavaApplet好。4.一些手持设备（如手机