Ajax使用的技术

Ajax是XMLHttpRequest对象和JavaScript、XML、CSS、DOM等多种技术的组合。

其中，只有XMLHttpRequest对象是新技术，其他的均为已有技术。下面我们就对Ajax使用的技术进行简要介绍。

一 XMLHttpRequest对象

Ajax使用的技术中，最核心的技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接一个服务器，是微软公司为了满足开发者的需要，于1999年在IE 5.0浏览器中率先推出的。现在许多浏览器都对其提供了支持，不过实现方式与IE有所不同。

 

二 XML

XML是Extensible Markup Language（可扩展的标记语言）的缩写，它提供了用于描述结构化数据的格式，适用于不同应用程序间的数据交换，而且这种交换不以预先定义的一组数据结构为前提，增强了可扩展性。XMLHttpRequest对象与服务器交换的数据，通常采用XML格式。下面我们将对XML进行简要介绍。

1．XML文档结构

XML是一套定义语义标记的规则，也是用来定义其他标识语言的元标识语言。使用XML时，首先要了解XML文档的基本结构，然后再根据该结构创建所需的XML文档。下面我们先通过一个简单的XML文档来说明XML文档的结构。placard.xml文件的代码如下：

 <?xml version="1.0" encoding="GBK"?>     <!--说明是XML文档，并指定XML文档的版本和编码-->

<placard version="2.0">                   <!--定义XML文档的根元素，并设置version属性-->

  <description>公告栏</description>       <!--定义XML文档元素-->

  <createTime>创建于2011年06月15日 16时09分</createTime> 

  <info id="1">                           <!--定义XML文档元素-->

    <title>重要通知</title> 

    <content><![CDATA[今天下午4：50将进行乒乓球比赛，请各位选手做好准备。]]></content> 

    <pubDate>2011-06-15 16:09:37</pubDate>

  </info>                                  <!--定义XML文档元素的结束标记-->

  <info id="2">

    <title>幸福</title> 

    <content><![CDATA[一家人永远在一起就是幸福]]></content> 

    <pubDate>2011-06-18 10:15:43</pubDate>

  </info> 

</placard>                                 <!--定义XML文档的根元素的结束标记-->

在上面的XML文档中，第一行是XML声明，用于说明这是一个XML文档，并且指定版本号及编码。除第一行以外的内容均为元素。在XML文档中，元素以树型分层结构排列，其中<placard>为根元素，其他的都是该元素的子元素。

在XML文档中，如果元素的文本中包含标记符，可以使用CDATA段将元素中的文本括起来。使用CDATA段括起来的内容都会被XML解析器当作普通文本，所以任何符号都不会被认为是标记符。CDATA的语法格式如下：

<![CDATA[文本内容]]>

需要注意的是，CDATA段不能进行嵌套，即CDATA段中不能再包含CDATA段。另外在字符串“]]>”之间不能有空格或换行符。

在XML文档中，必须有一个根元素，所有其他的元素必须嵌入到根元素中。

2．XML语法要求

了解了XML文档的基本结构后，接下来还需要熟悉创建XML文档的语法要求。创建XML文档的语法要求如下：

（1）XML文档必须有一个顶层元素，其他元素必须嵌入在顶层元素中。

（2）元素嵌套要正确，不允许元素间相互重叠或跨越。

（3）每一个元素必须同时拥有起始标记和结束标记。这点与HTML不同，XML不允许忽略结束标记。

（4）起始标记中的元素类型名必须与相应结束标记中的名称完全匹配。

（5）XML元素类型名区分大小写，而且开始和结束标记必须准确匹配。例如，分别定义起始标记<Title>、结束标记</title>，由于起始标记的类型名与结束标记的类型名不匹配，说明元素是非法的。

（6）元素类型名称中可以包含字母、数字以及其他字母元素类型，也可以使用非英文字符。名称不能以数字或符号"-"开头，名称中不能包含空格符和冒号“：”。

（7）元素可以包含属性，但属性值必须用单引号或双引号括起来，但是前后两个引号必须一致，不能一个是单引号，一个是双引号。在一个元素节点中，属性名不能重复。

3．为XML文档中的元素定义属性

在一个元素的起始标记中，可以自定义一个或者多个属性。

属性是依附于元素存在的。

属性值用单引号或者双引号括起来。

例如，给元素info定义属性id，用于说明公告信息的ID号。 

<info id="1">

给元素添加属性是为元素提供信息的一种方法。

当使用CSS样式表显示XML文档时，浏览器不会显示属性以及其属性值。若使用数据绑定、HTML页中的脚本或者XSL样式表显示XML文档则可以访问属性及属性值。

相同的属性名不能在元素起始标记中出现多次。

4．XML的注释

注释是为了便于阅读和理解，在XML文档添加的附加信息。注释是对文档结构或者内容的解释，不属于XML文档的内容，所以XML解析器不会处理注释内容。XML文档的注释以字符串“<!--”开始，以字符串“-->”结束。XML解析器将忽略注释中的所有内容，这样可以在XML文档中添加注释说明文档的用途，或者临时注释掉没有准备好的文档部分。

在XML文档中，解析器将“-->”看作是一个注释结束符号，所以字符串“-->”不能出现在注释的内容中，只能作为注释的结束符号。

 

三 JavaScript

JavaScript是一种在Web页面中添加动态脚本代码的解释性程序语言，其核心已经嵌入到目前主流的Web浏览器中。

虽然平时应用最多的是通过JavaScript实现一些网页特效及表单数据验证等功能，其实JavaScript可以实现的功能远不止这些。

JavaScript是一种具有丰富的面向对象特性的程序设计语言，利用它能执行许多复杂的任务。

例如，Ajax就是利用JavaScript将DOM、XHTML（或HTML）、XML以及CSS等技术综合起来，并控制它们的行为的。

因此要开发一个复杂高效的Ajax应用程序，就必须对JavaScript有深入的了解。

 

四 CSS

CSS是Cascading Style Sheet（层叠样式表）的缩写，用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

在Ajax出现以前，CSS已经广泛地应用到传统的网页中了。

在Ajax中，通常使用CSS进行页面布局，并通过改变文档对象的CSS属性控制页面的外观和行为。

 

五 DOM

DOM是文档对象模型的简称，是表示文档（如HTML文档）和访问、操作构成文档的各种元素（如HTML标记和文本串）的应用程序接口。

W3C定义了标准的文档对象模型，它以树型结构表示HTML和XML文档，并且定义了遍历树和添加、修改、查找树的节点的方法和属性。

在Ajax应用中，通过JavaScript操作DOM，可以达到在不刷新页面的情况下实时修改用户界面的目的。