Ajax，Asynchronous JavaScript and XML

异步JavaScript与XML
Ajax是目前网站及Web应用程序最为热门的前端开发技术，开发人员可以应用Ajax技术建立互动性极佳的用户接口。

Ajax是「Asynchronous JavaScript and XML」（异步JavaScript与XML）的缩写字，是由Jesse James Garrett在2005年2月于「Ajax: A New Approach to Web Applications（Ajax：Web应用程序的新方法）」一文中提出，Garrett认为Google Suggest和Google Map在互动时的反应时间极为快速，没有过去页面重载的情形，大大拉近Web应用程序与桌面应用程序之间的距离。他以Ajax这个缩写字为这个技术命名， 并指出Ajax根本性地改变Web的可能性。

Garrett进一步阐述Ajax并非是项新技术，而是数种既有技术的合称，它至少包含标准化的HTML与CSS语法、具动态互动与展示效果的 DOM（文件对象模型）、交换与操作XML数据以及利用XMLHttpRequest对象进行异步的传输，结合之后创造出完全不同的Web新时代。

如同Garrett所说，Ajax本身并没有太大的新花样，然而奇妙之处也在这里，自从Ajax一词被提出后，这些技术迅速获得世人的目光，也大 量被应用在网站与Web应用程序的开发上，使得网站的可用性与互动效果大为提升。虽然也有人质疑Ajax一词的精确性与适用性，但是不可否认地，它的出现 的确有效地推广了这些技术。

Ajax基本上利用JavaScript作为开发语法，运行在客户端的浏览器中。然而由于Web语法在发展过程中，浏览器对标准化语法的支持程度 不一，因此造成Ajax存在兼容性问题，造成开发上一定的难度。后来有许多Ajax开发框架出现，用意便是协助开发人员解决这些难题。Ajax近几年的开 发经验中，也累积了一些开发模式，提醒设计人员如何适度应用Ajax，以达到最佳效果，例如SEO的问题即是显著的一例。虽然Ajax相关的技术，并非从 这个词汇发明之后才开始，然而Garrett使用这个简明的缩写字，却让Web加速跨越原来网页的限制，引发一股技术热潮，这应该也是他本人始料未及之 处。

Ajax framework
Ajax框架
使用Ajax概念设计网站时，经常在处理重复性与兼容性的工作，为了简化这些步骤，于是有各式各样Ajax框架应运而生。最典型的Ajax框架是 利用JavaScript写成，不但简化了JavaScript语法，也让开发人员可以更容易做到异步传输或操作网页中的元素。另外也有针对像 Java、.NET语法设计，或是从服务器为平台发展函式集，让用户不需使用JavaScript语法也能使用。

Asynchronous
异步
Asynchronous是Ajax缩写字的前缀，意指在浏览器与服务器的数据传输过程中，不采用同步请求模式、意即不遵循网页上常见的发出请 求，重载页面的模式，而在请求发出之后，使用可以继续在网页活动，让请求在背景执行，等到服务器完成请求，传回数据后，再动态局部更新页面，不会有整 个页面重载的行为，这就是Ajax最核心的异步应用观念。

Compatibility
兼容性
将兼容性视为Ajax程序设计的最大挑战，不少开发人员应该都会点头称是。在网页的发展历程中，浏览器实作标准语法方式不一，加上各自发展特殊语 法以强化竞争性，让网页在不同的浏览器呈现的结果未必如设计人员预期。因此像异步传输、事件处理语法、CSS语法等，浏览器都有不同的作法，造成利用 Ajax设计程序时，经常必须处理兼容性问题，而无法完全专注在程序逻辑本身。

CSS，Cascading Style Sheets
阶层样式表单
CSS是HTML文件用来设定视觉效果的语法。过去的网页设计，通常将内容与视觉元素混杂在一起，例如使用＜font＞语法设定不同段落的文字大 小或颜色，或是利用＜table＞语法作为排版的手段，而这些方式，让内容与形式混杂在一起，造成日后维护上的难度。CSS能让视觉效果与文件内容分开， 方便集中管理与调整。此外，Ajax透过动态调整CSS的属性值，能让画面实时产生动画效果。

DOM，Document Object Model
文件对象模型
就浏览器的范畴来说，我们看到页面上的任何元素，都是DOM的呈现。DOM是以树状结构和节点组成的模型，网页的内容从＜HTML＞标签开始，向 下层层展开。虽然DOM不专属于Ajax技术，不过Ajax往往结合灵活、丰富的页面控制，这必须动态操作及改变DOM组件才能达成。

JSON，JavaScript Object Notation
JavaScript对象表示法
JSON就如字义所法，是利用JavaScript对象实字的表示法，用来表达一连串数据的方式。它与XML文件具有相同的用意，让资料可以被程 式解析、应用，而JSON和XML比较，少去卷标语法来标记数据，因此更为轻巧，一般而言，也更容易撰写与阅读。随着Ajax盛行，JSON这种 JavaScript原生语法比起XML更容易操作、使用，让JSON越来越有可能取代XML在Ajax技术中的地位。

SEO，Search Engine Optimization
搜索引擎优化
伴随Ajax运用在网站上的机会越来越高，SEO的问题也浮上台面。搜索引擎优化，目的在让搜索引擎能正确地搜寻网站内容，并且提高网站在茫茫 网海中的可见度，因此搜索引擎优化乃是兵家必争之地。Ajax可以透过修改DOM动态加载内容，设计人员有时会将内容采用这种方式加载，但是这让搜寻引 擎无法正确搜寻、库存页面，因此设计人员必须在动态效果与内容可搜寻之间寻求平衡。

Usability
可用性
在所有的人机界面中，可用性都是一项专门的议题，目的在让用户接口在互动时更为简单易用，也能兼顾效率与实用性。在Ajax技术领域中，可用性 是它提升网页使用者行为与目前使用者习惯格格不入的地方，最常被提及的是它将桌面应用程序的用户行为搬移到网页上，像是「Google文件」或 「Yahoo! Mail」如Outlook般的邮件接口，这些都解决了过去网页操作上的可用性问题。

XMLHttpRequest
X-M-L-H-t-t-p
XMLHttpRequest是Ajax的灵魂角色，透过HTTP的传输协议，在浏览器和服务器之间处理XML及其他数据格式之间的传输，包含了 同步与异步的方式。这个对象最早由微软提出，并在IE 5中以ActiveX组件方式实作，之后Mozilla 1.0和Safari 1.2也将它纳进浏览器，使它逐渐普及化，成为业界标准。由于它尚未成为W3C标准，各家实作仍有些差异。在实际使用时，程序必须先判断浏览器为IE或非 IE浏览器，才能正确宣告对应的XMLHttpRequest对象，以进行异步传输。