SVG——新一代Web设计及互动媒体的革新
首页 SVG入门 SVG介绍 什么是AJAX?AJAX有什么优势?

什么是AJAX?AJAX有什么优势?

什么是Ajax及Ajax的优势   Ajax是Asynchronous JavaScript and XML的缩写。Ajax实际上是几项技术按一定方式组合并在共同协作中发挥各自作用。Ajax有减轻服务器负担、无刷新更新页面、提升用户体验、调用外部数据、促进页面和数据分离等优点。

来源:SVG中国(ChinaSVG.COM)

1 什么是AJAX?

  Ajax是Asynchronous JavaScript and XML的缩写。Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起,在共同的协作中发挥各自的作用,它包括:

  • 使用XHTML和CSS标准化呈现;
  • 使用DOM实现动态显示和交互;
  • 使用XML和XSLT进行数据交换与处理;
  • 使用XMLHttpRequest进行异步数据读取;
  • 最后用JavaScript绑定和处理所有数据。
  Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTP Request对象。这样就可以像桌面应用程序一样只同服务器进行数据层面的交换,而不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做,这样既减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。

图1 SUN公司对AJAX的解释示意图(点击放大)

2 AJAX有什么优势

  传统Web应用模型与Ajax模型的比较。

图2 传统的WEB模型

  传统的web应用模型工作起来就象这样:大部分界面上的用户动作触发一个连接到Web服务器的HTTP请求。服务器完成一些处理---接收数据,处理计算,再访问其它的数据库系统,最后返回一个HTML页面到客户端。它不会产生很好的用户体验。当服务器正在处理自己的事情的时候,用户在等待。每一个动作,用户都要等待。

图3 AJAX WEB模型

  与传统的web应用不同,AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介,从而消除了网络交互过程中的处理—等待—处理—等待缺点。用户的浏览器在执行任务时即装载了AJAX引擎。AJAX引擎用JavaScript语言编写,通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用软件之间的交互过程异步进行,独立于用户与网络服务器间的交流。现在,可以用JavaScript调用AJAX引擎来代替产生一个HTTP的用户动作,内存中的数据编辑,页面导航,数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。

  使用AJAX,可以为开发人员,终端用户带来可见的便捷:
  • 减轻服务器的负担。AJAX的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
  • 无刷新更新页面,减少用户心理和实际的等待时间。特别的,当要读取大量的数据的时候,不用像Reload那样出现白屏的情况,AJAX使用XMLHTTP对象发送请求并得到服务器响应,在不重新载入整个页面的情况下用JavaScript操作DOM最终更新页面。所以在读取数据的过程中,用户所面对的不是白屏,是原来的页面内容(也可以一个Loading的提示框让用户知道处于读取数据过程),只有当数据接收完毕之后才更新相应部分的内容。这种更新是瞬间的,用户几乎感觉不到。
  • 带来更好的用户体验。
  • 可以把以前一些服务器负担的工作转嫁给客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。
  • 可以调用外部数据。
  • 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
  • 进一步促进页面呈现和数据的分离。
(THE END)标签:; 更多...