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

1.7 Ajax的缺陷 AJAX不是完美的技术。使用AJAX，它的一些缺陷不得不权衡一下： 由Javascript和AJAX引擎导致的浏览器的兼容性。 页面局部刷新，导致后退功能失效。 对流媒体的支持没有FLASH、Java Applet好。 一些手持设备（如手机、PDA等）支持性差。 * * * 1.8 小结 通过上面的简单介绍，相信大家对Ajax有了基本的了解： Ajax并非是一个新的技术或者语言，他只是几项技术按一定的方式组合起来，在共同协作中发挥各自的作用。老技术，新技巧。 Ajax主要功能特点： JavaScript用户体验； CSS样式定义； DOM组织视图； XML数据异步加载； XMLDocument/XMLHttpRequest。 * * * 1.8 谢谢！ * * 谢谢大家！ 中勤在线网站 2010/7/21 * * 传统的Web应用采用同步交互过程，这种情况下，用户首先向HTTP服务器触发一个行为或请求的呼求。反过来，服务器执行某些任务，再向发出请求的用户返回一个HTML页面。这是一种不连贯的用户体验，服务器在处理请求的时候，用户多数时间处于等待的状态，屏幕内容也是一片空白。 自从采用超文本作为Web传输和呈现之后，我们都是采用这么一套传输方式。当负载比较小的时候，这并不会体现出有什么不妥。可是当负载比较大，响应时间要很长，1分钟、2分钟……数分钟的时候，这种等待就不可忍受了。严重的，超过响应时间，服务器干脆告诉你页面不可用。另外，某些时候，我只是想改变页面一小部分的数据，那为什么我必须重新加载整个页面呢？！当软件设计越来越讲究人性化的时候，这么糟糕的用户体验简直与这种原则背道而驰。为什么老是要让用户等待服务器取数据呢？至少，我们应该减少用户等待的时间。现在，除了程序设计、编码优化和服务器调优之外，还可以采用AJAX。 AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG 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服 务器通信 定