XML应用程序

 

 

 

 

     这一章演示了一个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数据中的一行。要移到数据的下一行,必须向代码中增加一些脚本。