这一章演示了一个XML应用程序的小框架。
从一个XML文档开始
首先我们从一个简单的XML文档开始。现在来看看我们最初的演示文档--CD 目录:
< ?xml version="1.0"?>
< CATALOG>
< CD>
< TITLE>Empire Burlesque< /TITLE>
< ARTIST>Bob Dylan< /ARTIST>
< COUNTRY>USA< /COUNTRY>
< COMPANY>Columbia< /COMPANY>
< PRICE>10.90< /PRICE>
< YEAR>1985< /YEAR>
< /CD>
.
.
... more ...
.
如果你有Iternet Explorer 5.0 或更高版本,点击这里可以看到完整的XML 文件。
将文档装载到一个数据岛中
可以用一个数据岛来访问XML文件。要在一个HTML页面内部得到你的XML 文档,向页面中增加一个XML数据岛。
< xml src="cd_catalog.xml" id="xmldso" async="false">
< /xml>
用上面例子的代码,XML 文件"cd_catalog.xml" 将被装载到一个不可视的称为"xmldso"的数据岛中。将async="false" 属性增加到数据库中,这样可以保证在进行其它的HTML处理之前,将所有的XML数据都装载进去。
将数据岛捆绑到一个HTML 表格
可以用一个HTML表格来显示XML数据。要使你的XML数据在HTML页面中可视,就必须将你的XML数据岛捆绑到一个HTML元素中。要将你的XML 数据捆绑到一个HTML表格,向表格中增加一个数据源属性,并向表格数据内部的< span>元素增加数据域属性:
< table datasrc="#xmldso" width="100%" border="1">
< thead>
< th>Title< /th>
< th>Artist< /th>
< th>Year< /th>
< /thead>
< tr align="left">
< td>< span datafld="TITLE">< /span>< /td>
< td>< span datafld="ARTIST">< /span>< /td>
< td>< span datafld="YEAR">< /span>< /td>
< /tr>
< /table>
如果你有Internet Explorer 5.0或更高版本,点击这里可以看到XML数据是如何在一个HTML表格内部显示的。
将数据岛捆绑到< span> 或 < div> 元素
可以用< span>或< div> 元素来显示XML数据。你不必用一个表格去显示XML 数据。一个数据岛中的数据可以在一个HTML页面的任何地方进行显示。你只需要向你的页面中增加一些< span> 或< div> 元素。用数据源属性将元素捆绑到数据岛,用数据域属性将各个元素捆绑到一个XML元素,象这样:
< br>Title:
< span datasrc="#xmldso" datafld="TITLE">< /span>
< br>Artist:
< span datasrc="#xmldso" datafld="ARTIST">< /span>
< br>Year:
< span datasrc="#xmldso" datafld="YEAR">< /span>
或这样:
< br>Title:
< div datasrc="#xmldso" datafld="TITLE">< /div>
< br>Artist:
< div datasrc="#xmldso" datafld="ARTIST">< /div>
< br>Year:
< div datasrc="#xmldso" datafld="YEAR">< /div>
如果你有Internet Explorer 5.0或更高版本,点击这里就可以看到XML 数据是如何在HTML元素内部显示的。注意:如果你使用了一个< div>元素,就在新的一行中显示数据。用上面的例子,你将只能看到你的XML数据中的一行。要移到数据的下一行,必须向代码中增加一些脚本。