传统Web应用模型(同步) 客户端 用户行为 用户行为 用户行为 传统Web 89g 同步交互 系统处理 系统处理 服务器 与 Ajax Web应用模型(异步) 客户端 Aj browser用户界面 lax 用户行为 异步交互 Ajax引擎 客户端处理 时间 服务器 服务器 服务器 服务器 服务器 端处理 端处理 端处理 端处理
LOGO 6 www.nordridesign.com 同步交互与异步交互 传统Web Ajax
Ajax的优势 LOGO 减轻服务器的负担。AJAX的原则是“按需取数据”,可以最大程度 的减少冗余请求,和响应对服务器造成的负担。 无刷新更新页面,减少用户心理和实际的等待时间。特别的,当要读 取大量的数据的时候,不用像 Reload那样出现白屏的情况,AJAX使 用 XmlhtTp对象发送请求并得到服务器响应,在不重新载入整个页 面的情况下用 Javascript操作DOM最终更新页面。所以在读取数据 的过程中,用户所面对的不是白屏,是原来的页面内容,只有当数据 接收完毕之后才更新相应部分的内容。这种更新是瞬间的,用户几乎 感觉不到。 带来更好的用户体验。 可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的 能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。 可以调用外部数据。 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。 进一步促进页面呈现和数据的分离。 www.nordridesign.com
LOGO www.nordridesign.com Ajax 的优势 • 减轻服务器的负担。AJAX 的原则是“按需取数据”，可以最大程度 的减少冗余请求，和响应对服务器造成的负担。 • 无刷新更新页面，减少用户心理和实际的等待时间。特别的，当要读 取大量的数据的时候，不用像Reload 那样出现白屏的情况，AJAX 使 用XMLHTTP 对象发送请求并得到服务器响应，在不重新载入整个页 面的情况下用Javascript 操作DOM 最终更新页面。所以在读取数据 的过程中，用户所面对的不是白屏，是原来的页面内容，只有当数据 接收完毕之后才更新相应部分的内容。这种更新是瞬间的，用户几乎 感觉不到。 • 带来更好的用户体验。 • 可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的 能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。 • 可以调用外部数据。 • 基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。 • 进一步促进页面呈现和数据的分离。 7
谁在用Ajax LOGO Google当仁不让是表率: Suggest、Gmai、Maps、Okut Amazon的A9com搜索引擎 微软: MSN Space、 Atlas Framework( ASP. NET 垂 English Deutsch ASPnet Home Get Started Lel Clickriver Home AJAX Innovations in Search Technologies A9 can helps peopl find what th行ywan年 wddd的Q<m的计 www.nordridesign.com
LOGO www.nordridesign.com 谁在用Ajax • Google 当仁不让是表率：Suggest、Gmail、Maps、Orkut ... • Amazon 的A9.com 搜索引擎 • 微软：MSN Space、Atlas Framework（ASP.NET） 8