AJAX开发简略 (第一部分)

当用户在浏览网页时遇到页面刷新缓慢的情况，他们的浏览器正在默默等待，而用户的眼前则是一片空白。这种等待无疑是一种尴尬的用户体验，开发者们一直在寻找解决方案。为了解决这一问题，一种被称为AJAX的“老”技术逐渐崭露头角。随着Gmail、Google Maps等应用的广泛应用和浏览器的支持，AJAX正逐渐改变这一窘迫的局面。

AJAX，全称为Asynchronous JavaScript and XML，是多种技术的综合应用。其中包括JavaScript、XHTML和CSS用于标准化呈现和交互设计，DOM用于实现动态显示和数据交换处理，而XML和XSLT用于数据的处理和转换。XMLHttpRequest对象则用于异步数据读取。这些技术的结合使得AJAX具有强大的能力。

在传统的Web应用中，用户与服务器之间的交互是同步的。这意味着用户在等待服务器响应的过程中无法执行其他操作，页面内容也保持空白。这种情况在用户需要等待大量数据加载时尤为明显，长时间的等待可能导致用户流失。而AJAX的出现改变了这一状况。

AJAX采用异步交互过程，通过引入一个中间媒介消除了网络交互过程中的处理—等待—处理—等待的缺点。用户的浏览器在执行任务时启动了AJAX引擎，该引擎用JavaScript编写并隐藏在框架中。它负责编译用户界面以及与服务器之间的交互。这意味着用户与应用软件之间的交互可以异步进行，无需等待服务器的响应。这为用户带来了更好的体验，减少了等待时间，特别是在读取大量数据时。

与传统的Web应用相比，AJAX的优势显而易见。它可以减轻服务器的负担，按需取数据减少了冗余请求和服务器负担。它能够实现无刷新更新页面，减少用户的心理和实际的等待时间。在读取数据的过程中，用户所面对的不再是白屏，而是原来的页面内容加上一个Loading提示框告知用户当前处于数据读取过程。只有当数据接收完毕后才会更新相应部分的内容，这种更新几乎是瞬间的。AJAX还能带来更好的用户体验，把服务器负担的工作转嫁到客户端处理，节约服务器和宽带成本。而且它基于标准化技术被广泛支持，无需下载额外的插件或小程序。

在应用方面，AJAX已经展现出了巨大的潜力。Google的Orkut、Gmail、Google Groups、Google Maps以及Google Suggest等都应用了这项技术。Amazon的A9搜索引擎也采用了类似的技术。无论是ISP、开发人员还是终端用户都能从AJAX的应用中受益。这种技术不仅提高了用户体验，还为开发者带来了更多的便利和效率。微软正在积极开发更先进的AJAX应用，即将推出名为Atlas的AJAX工具。Atlas的功能超越了AJAX本身，其中包括整合Visual Studio的调试功能，以及新的ASP.NET控件，这些控件将使得客户端控件与服务器端代码的捆绑更为简便。Atlas客户脚本框架更是提高了与网页及相关项目交互的便利性，这是Visual Studio 2005中尚未包含的功能。

Atlas客户脚本框架包含了以下内容（详细资料请访问Atlas计划网站）：

一个具有可扩展性的核心框架，添加了诸如生命周期管理、继承管理、多点传送处理器和界面管理等JavaScript功能。

一个包含丰富功能的类库，如字符串处理、计时器和任务运行等常见功能。

一个用户界面框架，为HTML添加动态行为。

一组网络堆栈，用于简化服务器连通和网络访问。

一组丰富的用户界面开发控件，如自动完成的文本框、动画和拖放功能等。

一个浏览器兼容层面，用于处理浏览器脚本行为差异。

微软将AJAX技术巧妙地应用于MSN Space上，人们在提交回复或评论时，页面无需刷新即可显示新内容。这正是AJAX带来的便利之处，如果每次添加评论都需要刷新整个页面，无疑会显得非常繁琐。

目前，AJAX应用最广泛的领域是GIS-Map。GIS的区域搜索强调快速响应，而这正是AJAX技术的特点所在。虽然AJAX可以实现无刷新更新页面内容，但它并非适用于所有场景，主要应用在交互较多、频繁读数据、数据分类良好的Web应用中。让我们通过两个实例来看看如何运用AJAX改进设计。

在表单输入时，为了确保数据的唯一性，我们常常需要用户点击“唯一性校验”按钮来触发校验操作。传统的处理方式要么需要弹出新窗口进行校验（window.open操作资源消耗较大），要么需要将整个页面提交到服务器进行校验，这两种方式都存在不足。而使用AJAX，可以通过XMLHttpRequest对象发送校验请求，整个过程无需弹出新窗口，也不需要重载整个页面，大大提高了响应速度和用户体验。

在菜单操作方面，为了避免频繁重载页面和向服务器发送过多请求，过去我们常常选择一次性读取所有菜单数据并缓存。这种方法在菜单结构复杂、数据量大的情况下会导致数据冗余和浪费用户资源。现在通过应用AJAX技术，我们可以按需加载菜单数据，只加载用户需要的部分，从而避免了数据的冗余和浪费。

除了上述应用，AJAX还可以调用外部数据，对一些开发的数据如XML文档、RSS文档进行二次加工，实现数据整合或开发应用程序。AJAX并非完美无瑕的技术。在使用AJAX时，我们需要权衡其一些潜在缺陷：

AJAX依赖于浏览器对Javascript和AJAX引擎的支持。并非所有浏览器都支持AJAX技术，因此在使用时必须考虑兼容性测试。由于AJAX更新页面内容时不刷新整个页面，可能导致网页的后退功能失效或用户无法判断数据是否已更新。AJAX对流媒体的支持不如FLASH和Java Applet等技术好。一些手持设备（如手机、PDA等）目前还不能很好地支持Ajax技术。因此在使用AJAX时需要考虑这些因素并权衡利弊。虽然存在挑战和限制但AJAX技术仍然具有巨大的潜力和价值在改进Web应用方面发挥着重要作用。