Asynchronous JavaScript+ XML(异步JavaScript 和XML)

Ajax: a new approach to Web Applications

Asynchronous JavaScript+ XML(异步JavaScript 和XML)缩写

Google Suggest输入时,推荐的条目及其搜索到的结果几乎立刻显示了出来

Google Maps ,当你进行放大或缩小操作时,毋须等待刷新页面,所有的变化立刻显示了出来.

B/S结构的优势是显而易见的,它对用户的技术要求比较低,对前端机的配置要求也较低,而且客户端维护量小,程序分发简单,更新维护方便.

但由于受HTML语言和浏览器功能的限制. 桌面应用所具有的丰富性(richness)与响应特性(responsiveness),似乎是Web无法实现的,在用户体验上与桌面应用程序之间的差距一直是Web应用的薄弱环节.

黄褪技术(Yellow Fade Technique ,YFT)

"取页面中有变化的部分,并置为黄色"过一段时间后,再让黄色逐渐褪色.

如:Gmail就使用一个红色背景的"正在加载"的标记,提醒用户正在获取数据.

使用Ajax的程序必须测试针对各个浏览器在兼容性.而且针对不同的浏览器如何获取XMLHttpRequest对象的方法.

对流媒体的支持没有Flash,Java Applet好.通过这个对象,Ajax可以像桌面应用程序一样只同服务器进行数据层面的交换,而不用每次都刷新页面,也不用每次将数据处理的工作都交给服务器来做.这个对象与服务器交换的数据格式通常都是XML,但也可以基于文本的其他格式.

 Ajax是一种客户端技术,不论你使用哪种服务器端正技术----JSP,ASP.NET,PHP,Ruby,CGI,你都可以使用它.

通常使用CSS来进行布局,通过改变文档对象(DOM)的CSS属性控制页面的外观和行为.

JS是轻型的通用解释性程序语言,其核心已经嵌入目前主流的Web浏览器.通常的JS应用都是在网页中简单地调用页面内置对象和方法.Ajax是由JS编写的.在应用时必须对其OOP的特性理解好.

RIA(Rich Internet Application)丰富的因特网应用程序.这样基于浏览器的应用也能给用户带来"胖"客户端相同的体验.

面向对象的JS是实现Ajax程序的基本功.

DOM将网页元素结构化为一系列可编程的对象,这些对象可以被JS访问.

标准的DOM,它以树形结构表示HTML和XML文档,定义了遍历这个树和检查修改树的节点的方法和属性..利用JS操作DOM,Ajax应用就能够实时修改用户界面,例如有效地重绘页面的某一部分,或者修改表格的内容.

DOM即文档和访问操作构成文档的各种元素的应用程序接口.

支持JS的所有浏览器都支持DOM

传统的Web应用模型是这样工作的:界面中大部分的用户行为触发一次返回Web 服务器的HTTP请求,服务器进行一些处理-----获得数据、运行、与不同的系统会话-----然后返回一个HTML页面给客户端。这种方式是将Web作为超文本媒体的最初用法。

浏览器通过加载一个Ajax engine引擎来取代加载一个Web页面.Ajax engine是用JS编写的,通常放在一个隐藏的框架中.引擎负责渲染用户界面,帮助用户与服务器端通信.它允许用户与应用的交互异步发生,独立于与服务器的通信.

 对于每个用户行为(User Action),原来的做法是生成一次HTTP请求；现在变成了对Ajax引擎的一次JS调用。响应那些不用返回服务器的用户行为——比如简单的数据验证，在内存中编辑数据甚至是一些导航——都由引擎自己处理。如果引擎需要服务器的响应——比如提交数据以供处理，加载额外的界面代码，或者获得新数据——引擎便会使用XML进行异步请求，而不用停止用户与应用的交互。