ajax与dom解析.pdfVIP

第一章:Ajax 简介 但是，Ajax 不仅仅是一种时尚，它是一种构建网站的强大方法，而且不像学习一种全新的语 言那样困难。 但在详细探讨Ajax 是什么之前，先让我们花几分钟了解Ajax 做什么。目前，编写应用程序时 有两种基本的选择： 桌面应用程序 Web 应用程序 两者是类似的，桌面应用程序通常以CD 为介质 （有时候可从网站下载）并完全安装到您的计 算机上。桌面应用程序可能使用互联网下载更新，但运行这些应用程序的代码在桌面计算机上。 Web 应用程序运行在某处的Web 服务器上——毫不奇怪，要通过Web 浏览器访问这种应用程序。 不过，比这些应用程序的运行代码放在何处更重要的是，应用程序如何运转以及如何与其进 行交互。桌面应用程序一般很快 （就在您的计算机上运行，不用等待互联网连接），具有漂亮的 用户界面 （通常和操作系统有关）和非凡的动态性。可以单击、选择、输入、打开菜单和子菜单、 到处巡游，基本上不需要等待。 另一方面，Web 应用程序是最新的潮流，它们提供了在桌面上不能实现的服务 （比如 A 和eBay）。但是，伴随着Web 的强大而出现的是等待，等待服务器响应，等待屏幕 刷新，等待请求返回和生成新的页面。 显然这样说过于简略了，但基本的概念就是如此。您可能已经猜到，Ajax 尝试建立桌面应用 程序的功能和交互性，与不断更新的Web 应用程序之间的桥梁。可以使用像桌面应用程序中常见 的动态用户界面和漂亮的控件，不过是在Web 应用程序中。 还等什么呢？我们来看看Ajax 如何将笨拙的Web 界面转化成能迅速响应的Ajax 应用程序吧。 老技术，新技巧 在谈到Ajax 时，实际上涉及到多种技术，要灵活地运用它必须深入了解这些不同的技术 （本 系列的头几篇文章将分别讨论这些技术）。好消息是您可能已经非常熟悉其中的大部分技术，更 好的是这些技术都很容易学习，并不像完整的编程语言 （如Java 或Ruby）那样困难。 下面是Ajax 应用程序所用到的基本技术： Ajax 的定义 HTML 用于建立Web 表单并确定应用程序其他部分使 顺 便 说 一 下 ， Ajax 是 用的字段。 AsynchronousJavaScriptandXML （以 JavaScript 代码是运行Ajax 应用程序的核心代码，帮 及DHTML 等）的缩写。这个短语是 助改进与服务器应用程序的通信。 AdaptivePath 的 JesseJamesGarrett DHTML 或DynamicHTML，用于动态更新表单。我们将 发明的 （请参阅参考资料），按照 使用div、span 和其他动态HTML 元素来标记HTML。 Jesse 的解释，这不是个首字母缩写 文档对象模型DOM 用于 （通过JavaScript 代码）处理 词。 HTML 结构和 （某些情况下）服务器返回的XML。 我们来进一步分析这些技术的职责。以后的文章中我将深入讨论这些技术，目前只要熟悉这 些组件和技术就可以了。对这些代码越熟悉，就越容易从对这些技术的零散了解转变到真正把握 这些技术 （同时也真正打开了Web 应用程序开发的大门）。 XMLHttpRequest 对象 要了解的一个对象可能对您来说也是最陌生的，即XMLHttpRequest。这是一个JavaScript 对 象，创建该对象很简单，如清单1 所示。 清单1.创建新的XMLHttpRequest 对象 scriptlanguage=javascripttype=text/javascript varxmlHttp=newXMLHttpRequest(); /script 下一期文章中将进一步讨论这个对象，现在要知道这是处理所有服务器通信的对象。继续阅 读之前，先停下来想一想：通过XMLHttpRequest 对象与服务器进行对话的是JavaScript 技术。这 不是一般的应用程序流，这恰恰是Ajax 的强大功能的来源。 在一般的Web 应用程序中，用户填写表单字段并单击Submit 按钮。然后整个表单发送到服 务器，服务器将它转发给处理表单的脚本