Ajax -- 困惑者指南，第1部分:Ajax工具和技术综述

Ajax -- 困惑者指南，第1部分:Ajax工具和技术综述2010-07-04 IBM developerWorks / Gal ShachorAjax （Asynchronous JavaScript + XML）编程技术正逐渐主导 Web 应用程序开发领域。每天都有新的开发人员步入 Ajax 开发的殿堂，他们拥有不同的开发背景。本系列的第 1 部分将提供来自 IBM® Ajax 开发人员专家组的 Ajax 开发资源备忘单。作者根据他们自己的 ramp-up 经验为您提供了一些实用的信息，这些信息可以帮助您快速进入高效 Ajax 开发的轨道。

Ajax 是一种 Web 应用程序客户机技术，它结合了 JavaScript、层叠样式表（Cascading Style Sheets，CSS）、HTML、XMLHttpRequest 对象和文档对象模型（Document Object Model，DOM），关于各种标准的更多信息，请参阅参考资料。运行在浏览器上的 Ajax 应用程序以一种异步的方式与 Web 服务器通信，并且只更新页面的一部分。通过利用 Ajax 技术，可以提供丰富的、基于浏览器的用户体验。

在开始 Ajax 之旅以前，需要熟悉很多不同的语言、标准、工具和库。一开始就要在不同选项之间做出选择并组合出一个开发环境来可能有些勉为其难。作者将根据他们自己的 ramp-up（项目初始阶段的准备工作）经验帮助您在旅途中避免可能遇到的一些比较常见的、令人厌烦的问题。

踏上 Ajax 的旅程

Ajax 将改变用户在网站上的体验，之前的单击-显示页面式的体验将变成具有交互性、灵活性的桌面应用程序体验。用户可以避免页面重新加载，避免等待下一部分内容的呈现。您可能在想，这一切听起来是不错，但是如何才能做得到呢？为了回答这个问题，先来看看 Ajax 技术背后的一些幕后故事。

Ajax 是以下 Web 技术和标准的集合，它允许使用客户端的机器在背后运行应用程序逻辑的重要部分，而不仅仅是呈现应用程序的输出：

超文本标记语言（Hypertext Markup Language，HTML）：定义最终呈现给用户的内容。

层叠样式表（Cascading Style Sheets，CSS）：定义所呈现内容的样式（或装饰）。

文档对象模型（Document Object Model，DOM）：一种 API，浏览器使用它将被呈现内容公开给 JavaScript 脚本。然后，脚本可以使用 DOM 在用户看到内容之前动态地修改内容。

XmlHttpRequest 对象：为浏览器与服务器之间的交互提供便利，通过 JavaScript 脚本调用。

JavaScript：在浏览器中执行的一种编程语言，将所有其他的 Ajax 组成部分黏合在一起。脚本可以侦听浏览器中发生的事件（例如单击一个按钮），并使用 XmlHttpRequests 回调服务器以对事件作出反应，然后根据返回的结果修改 DOM 树。

所有这些技术都在用户的 Web 浏览器中执行，用户的 Web 浏览器充当执行 Ajax 程序的平台。

如果要使用 Ajax，那么有一点值得格外注意：组成它的技术虽然是基于标准的，但又是特定于浏览器的。换句话说，同一个应用程序在不同的浏览器上可能表现出不同的行为。然而，由于既不可能限制用户使用特定的浏览器，又不可能忽略客户机的浏览器可能不支持 CSS 或 DOM 这一事实，因此，作为应用程序的创建者，您需要理解各种不同浏览器之间的差异。

要成为一名高效的 Ajax 开发人员，需要：

了解形成 Ajax 开发基础的技术。

理解可用的运行时平台和 Web 浏览器。

开发 Ajax 应用程序时使用支持各种语言的 IDE。

拥有用于各种环境和语言的调试器和应用程序测试工具。