异步JavaScript和XML(AJAX)

《异步JavaScript和XML(AJAX)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、异步JavaScript和XML(AJAX)与JavaEnterpriseEdition2006.11前言使用过Flickr、GMail、GoogleSuggest或GoogleMaps的任何用户都会意识到，将出现一种新型的动态Web应用程序。这些应用程序的外观和作用与传统的桌面应用程序非常类似，它们不依赖于插件或特定于浏览器的功能。传统的Web应用程序是一组HTML页，必须重新装入这些页面，才能更改内容的任何部分。在过去几年间，诸如JavaScript和层叠样式表(CSS)之类的技术已经发展成熟，可以有效地使用这些技

2、术创建在所有主要浏览器上运行的动态性很强的Web应用程序。前言本文档及其相关的解决方案将详细论述这几种技术，目前您可以使用这些技术使Web应用程序成为内容更丰富、交互性更强的应用程序，就像桌面应用程序一样异步JavaScript和XML(AJAX)简介1HTML页使用JavaScript可以异步调用装入该页的服务器并获取XML文档。然后JavaScript可以使用XML文档更新或修改HTML页的文档对象模型(DOM)。最近使用“异步JavaScript和XML”(AsynchronousJavaScriptandXML

3、，AJAX)术语来描述此交互模型。异步JavaScript和XML(AJAX)简介2AJAX不是一项新兴技术，对于在Windows平台上开发InternetExplorer(IE)的开发者来说，多年来他们一直在使用这些技术。直到最近，这项技术才被称为Web远程处理或远程脚本。一段时间以来，Web开发者还结合使用插件、JavaApplet和隐藏框架来仿真此交互模型。而最近发生的变化就是：在所有平台的主流浏览器中都包含了对XMLHttpRequest对象的支持。真正的神奇之处在于产生了JavaScriptXMLHttpRe

4、quest对象。虽然未在正式的JavaScript规范中指定此对象，但是目前所有的主流浏览器都支持它。与当前一代浏览器（如Firefox、IE和Safari）中的JavaScript和CSS支持稍有不同之处在于：它们是可管理的。如果要求您支持较旧的浏览器，则AJAX可能不是您的最佳选择。异步JavaScript和XML(AJAX)简介3基于AJAX的客户端的独特之处在于，客户端包含了作为JavaScript嵌入的特定于页面的控制逻辑。页面基于事件（如装入的文档、鼠标单击、焦点更改，甚至是计时器）与JavaScript进

5、行交互。通过AJAX交互，可以清晰地将表示逻辑与数据分开。与每次要显示一个变化时必须重新装入整个页面相比，HTML页可以根据需要装入很小的数据片段。异步JavaScript和XML(AJAX)简介4AJAX需要使用一种不同的服务器端体系结构来支持此交互模型。传统的服务器端Web应用程序着重为产生服务器调用的每个客户端事件生成HTML文档，并且在每次响应时客户端都会刷新并重新呈现完整的HTML页。内容丰富的Web应用程序着重于获取HTML文档的客户端，该客户端充当一个模板或容器，根据客户端事件使用从服务器端组件检索的XM

6、L数据在其中添加内容。使用AJAX交互的用例1实时的表单数据验证：在用户提交表单之前，可以在表单中验证要求服务器端验证的表单数据，如用户ID、序列号、邮政编码，甚至是特殊优惠券代码。自动完成：表单数据的特定部分（如电子邮件地址、姓名或城市名称）可以在用户键入时自动完成。主要详细操作：基于客户端事件，HTML页可以获取有关数据的更详细信息，例如，在不刷新页面的情况下，客户端可以查看个别产品信息的产品清单。使用AJAX交互的用例2复杂的用户界面控件：可以提供不需要页面刷新的控件，如树状结构的控件、菜单和进度栏。刷新页面上的

7、数据：HTML页可以轮询服务器中的数据以获取最新的数据，如分数、股票报价、天气预报或特定于应用程序的数据。服务器端通知：HTML页可以通过轮询服务器获取事件通知来模拟服务器端推送，包括发送消息通知客户端、刷新页面数据或将客户端重定向到其他页。使用AJAX交互的用例3此列表并不详尽，但是它表明了利用AJAX交互，Web应用程序可以实现比以往更多的功能。尽管该技术有许多引人注目的优点，但是也存在一些缺点：复杂性：服务器端开发者需要了解，在HTML客户端页以及服务器端逻辑中需要表示逻辑，才能生成客户端HTML页所需的XML内

8、容。HTML页开发者需要具备JavaScript技术。随着时间的推移，当创建了新框架，并且为现有框架提供了交互模型支持后，创建支持AJAX的应用程序会变得更容易。使用AJAX交互的用例4XMLHttpRequest对象的标准化：XMLHttpRequest还不是JavaScript规范的一部分，这表明其行为会随着客户端而发生变化。