Ajax开发精要.doc

Ajax综合使用了Javascript、 XHTML和 CSS、 DOM、 XML和XSTL、 XMLHttpRequest 等技术，因此，要对Ajax有深入的了解和掌握，应具备基本技术基础。虽然业界已经有 不少的开发框架可供使用，不过笔者认为还是应该对Ajax底层技术有基本的掌握，这也 是笔者撰写本书的出发点之一。本章详细讲述开发Ajax应用所需的各项基础技术，并举 例应用这些技术解决实际开发问题。在本章的每一节中，都将结合当前应用热点以及 Ajax，有所侧重地讲述如何在 Ajax中应用这些基础技术。另外，本章的末尾还将为读者 继续深入学习列举相关的参考资料。如果读者对相关内容已经熟悉，则可以跳过本章。 4.1 HTML HTML（超文本标记语言，Hyper Text Mark-up Language）是WWW 的描述性语言， 是Web页面的载体。它允许网页设计人员创建文本与图像相结合的页面，这些页面能够 被网上任何人通过浏览器浏览到。 HTML 文件是一个包含各种标记及其属性和内容的文本文件，以后缀名.htm 或 者.html 结尾。这些标记控制浏览器显示 HTML文件的方式。HTML文件必须具备正确的 格式才能被浏览器正确识别和解释，其基本格式为： html head title页面标题/title /head body 文档主体部分 /body 第 4 章 Ajax 用到的技术 49 /html HTML 的标记是单独或者成对出现的。当标记成对出现时，每使用一个标记比如 html， 就必须使用另外一个标记比如/html将其关闭。 基本的HTML页面标记由html 开始，/html结束。在head与/head标记之间是文件的头信息，这些信息在浏览器中 不显示。在title与/title标记之间是文件的文档标题，在浏览器的标题栏中显示。在 body与/body标记之间是文件的文本正文，在浏览器中显示。通常，在body与 /body标记之间的文本正文构建成Web应用程序的用户界面， 是信息显示和用户输入着 重设计的部分。开发人员可以通过表格、表单、样式、字体等标记控制文字、图像、表 格的显示样式，构建丰富多彩的Web用户界面。 HTML的第一个版本 V1.0出现在 1990年，V2.0版和 V3.0版分别在 1994年和 1995 年发布。 随着新版本的发布， 陆续有一些新的标记加入。 目前被广泛使用的版本是 V4.01。 4.1.1 HTML与Ajax HTML代码经过浏览器解析后构成Web应用程序的用户界面，HTML文件中的各种 标记构成了Web页面的相应控件。用户通过操作用户界面上的 HTML控件，输入相关信 息，并将这些信息通过表单提交等形式传送到服务器。服务器则根据封装在各个 HTML 控件中的信息来判断用户的行为并响应。服务器的响应结果最终也在 HTML 代码以及 HTML页面所包含的控件中体现出来。 不管采用何种Web解决方案，不管Web应用程序是用静态页面还是动态构建的，其 最终的目的都是呈现 HTML代码，返回浏览器解析并显示给用户，只是 HTML代码中包 含的数据来源即HTML代码生成方式不同而已。 在Ajax应用程序中，Ajax引擎通过Javascript和 DOM 提取Web页面的内容，并将 这些内容压入 XMLHTTP请求中发送到服务器。 而从服务器返回的信息经过 Ajax引擎接 收之后，再封装到各个HTML标记或者控件当中，呈现给用户。从某种程度上说，HTML 是 Ajax 引擎的最终操作对象，因为最后构成用户界面的只有 HTML 代码。在 4.4 节和 4.5节，读者将会看到Javascript和 DOM 是如何操纵 HTML文档的。 即使目前已经有现成的IDE工具，比如Macromedia Dream weaver，可以帮助开发人 员和网页设计人员创建所见即所得的 Web 应用程序界面，但对 HTML 的了解和掌握是 对Web应用程序开发人员和网页设计人员的基本要求。 4.1.2 HTML常用标记 HTML 标记划分为文件标记、排版标记、字体标记、清单标记、表格标记、表单标 记、图形标记、链接标记、框架标记、影像标记、多媒体标记、其他标记、样式标记等 类别。各种类别包含的主要标记如表4-1所示： Ajax 开发精要——概念、案例与框架 50 表4-1 HTML 标记 标 记 类 别 含 义 作 用 备 注 文件标记 HTML 需闭合 文件声明 让浏览器知道这是 HTML 文件 HEAD 无须闭合 开头 提供文件整体信息 TITLE 需闭合 标题