xml中数据填到html页面,结合使用XML与HTML的技巧

IE 5.0就是把XML数据岛作为一种特殊的ADO记录集进行处理的。

XML的数据绑定

1.ADO记录集的映射

XML中的每一条主元素都被映射为ADO记录集中的一条记录，而子元素则相应地被映射到记录集中的字段(也称为域)。

例如，存在XML数据岛books.xml如下：

< XML

ID=“xmldso”>< ?xml

version=“1.0”?>< booklist>< book>< title>Straight

Talk About Computers<

/title>< isbn>72-80088-005<

/isbn>< /book>< book>< title> Gourmet

Microwave <

/title>< isbn>72-80081-082<

/isbn>< /book>< /booklist>< /XML>

此时，映射后的ADO记录集为：

title isbn

Straight Talk About Computers 72-80088-005

Gourmet Microwave 72-80081-082

2.与HTML元素的绑定

在HTML文档中嵌入数据岛之后，就可以将XML数据岛与HTML元素绑定在一起。每一个DSO条目(即数据岛)都有唯一的ID号。首先将HTML元素中的DATASRC属性设置为相应的ID，就可以把HTML元素和数据岛联系在一起。然后再通过设置DATAFLD属性值，来确定所提取的XML元素。

例如，与DIV元素绑定的代码如下：

< DIV

ID=title DATASRC=#xmldso

DATAFLD=“title”>< /DIV>< DIV

ID=price DATASRC=#xmldso

DATAFLD=“isbn”>< /DIV>

注意：并非所有的HTML元素都能与XML数据岛绑定。目前，支持这种DSO绑定机制的元素如下：

A、APPLET、BUTTON、DIV、FRAME、IFRAME、 IMG、INPUT

(此处类型是：CHECKBOX、HIDDEN、

LABEL、PASSWORD、RADIO和TEXT)、LABEL、

MARQUEE、SELECT、SPAN、TABLE和 TEXTAREA。

3.以表格方式显式XML数据

若把XML数据与TABLE元素绑定在一起，就可以自动地显示为多行的表格形式。

例如，XML数据与TABLE元素绑定的代码如下：

< TABLE

BORDER=1 DATASRC=“#xmldso”>< THEAD>< TR>< TH>Title< /TH>< TH>ISBN< /TH>< /TR>< /THEAD>< TBODY>< TR>< TD>< DIV

DATAFLD=“title”>< /DIV>< /TD>< TD>< DIV

DATAFLD=“isbn”>< /DIV>< /TD>< /TR>< /TBODY>< /TABLE>

这样，通过将TABLE元素中的DATASRC属性设定为#xmldso，把两者绑定起来。表格内部分为表头(THEAD)和表体(TBODY)两部分。每一个<

book>元素都会显示为一行表格，具体每一栏显示哪一项数据，则由DIV元素中的DATAFLD属性指定。

XML与HTML的结合(下)

XML的嵌套处理

一般情况下，我们从数据库中查询得到的结果集可能很大，所以从服务器返回到客户端时，数据会被分成若干个页面分别进行传递。此时，利用TABLE元素中的DATAPAGESIZE属性可以指定每个页面包含记录集条目的个数。

例如：

< TABLE

DATASRC=“#xmldso” DATAPAGESIZE=10>

很显然，如果XML数据格式是对称的，则无论是映射到ADO记录集还是绑定到表格元素上，效果都会很好。而在实际应用中，XML数据为非对称的例子也很多，比如一本书的作者可能就不止一位，这在映射和绑定时都会产生一定的麻烦。解决问题的办法就是利用嵌套。每一行表格仍对应一条主元素，每一栏也对应着一个子元素。对于重复元素，则使用嵌套的表格。我们假设在books.xml中，第一本书的作者为Dean

Straight，第二本书的作者为Charlotte Cooper、Shelley Burke和Regina

Murphy。此时，绑定过程如下：

● 创建TABLE元素，并将数据岛ID赋值给DATAFLD属性;

● 对于单独的XML元素，如<

isbn>，创建TD元素，并设定相应的DATAFLD属性;

● 对于重复元素，在TD元素内部嵌套一个表格;

● 用单行单列的形式显示作者信息。

注意这里的DATAFLD属性必须设定为“$TEXT”，

以保证嵌套元素的内容被全部显示在指定的元素中。

完整的HTML代码如下所示：

< TABLE

BORDER=1 DATASRC=“#xmldso”>< THEAD>< TR>< TH>Title< /TH>< TH>ISBN< /TH>< TH>Author< /TH>< /TR>< /THEAD>< TBODY>< TR>< TD>< DIV

DATAFLD=“title”>< /DIV>< /TD>< TD>< DIV

DATAFLD=“isbn”>< /DIV>< /TD>< TD>< TABLE

BORDER=0 DATASRC=“#xmldso”

DATAFLD=“author”>< TR>< TD>< SPAN

DATAFLD=“$Text”>< /SPAN>< /TD>< /TR>< /TABLE>< /TD>< /TR>< /TBODY>< /TABLE>