第五章：XML实例解析

提纲：

一：实例效果

二：实例解析
　　1.定义新标识。
　　2.建立XML文档。
　　3.建立相应的HTML文档。

XML在不同领域有着广泛的应用，比如在科技领域的MathML，无线通信应用的WML，在网络图象方面的SVG等等，我们这里侧重讨论XML在web上的应用。XML在web上应用主要是利用其强大的数据操作能力。一般用XML配合javascript和asp等服务器端程式，能够实现网络上几乎任何的应用需求。

考虑讲解方便，我们在下面介绍一个简单的实例，不包含服务器端程式。目的在于让您对XML的数据操作能力有一个感性的认识。

好，我们首先[ 点击这里 ]来看实例的效果。(请用IE5.0以上版本浏览器打开)

这是个简单的CD唱片数据检索功能。您通过点击"上一张","下一张"能够看到单张CD的有关信息。这样的效果我们原来用两种方法能够实现：

1.利用DHTML，将数据隐藏在不同的层中，通过鼠标事件依次显示；

2.利用后台程式(如ASP,CGI,PHP,JSP等)，调用服务器端的数据。

但是在这个实例中，我们打开页面原代码能够看到，其中没有用DHTML的DIV，也没有表单的action，他完全是用XML来实现的。下面我们来分析他的制作过程：

第一步：定义新标识。
根据实际的CD数据，首先新建一个名为的标识；其次建立他相关的数据标识，分别是:CD名称
Bob Dylan
USA
Columbia
10.90
1985



Bonnie Tylor
UK
CBS Records
9.90
1988



Dolly Parton
USA
RCA
9.90
1982



Gary More
UK
Virgin redords
10.20
1990



Eros Ramazzotti
EU
BMG
9.90
1997



上面代码首先用声明语句表明这是个XML文档，他的格式遵守XML 1.0标准规范。然后是文档内容，结构树很清楚：


......


......



一共定义了5组数据。我们将上面的代码存为cd.xml文档，以备调用。

第三步：建立相应的HTML文档。
1.导入XML数据。
我们知道，现在流行的浏览器中，暂时只有微软的IE5.0以上版本浏览器支持XML。IE是通过在HTML中的object物件来支持插入XML，并通过js的XMLDocument.load()方法来导入数据。我们看代码：

定义一个object，ID名为xmldso。然后在head区用js引入xml数据：



2.捆绑数据。
然后将用标识来将XML数据绑定在表格中。其中ID,DATASRC,DTATFLD都是的属性。代码如下：