AJAX学习基础:简单介绍数据岛使用方法


数据岛指的是存在Html网页中的xml代码段,它在Html中形成了一个数据的集合,数据岛允许我们在Html网页中集成xml,对xml编写脚本.

  数据岛有它特有的形式,由标记xml开始,在开始标记中要有一个ID属性,用于指定该指定数据岛的名称。 (当然要以/xml结束).元素xml包含的内容就是xml代码。数据岛也分为2种:

  1)内嵌的数据岛形式

  2)外嵌的数据岛形式

  说了那么多废话,还是了解以下如何对数据岛的节点进行访问和操作,毕竟在Html中使用xml才是我们需要关注的。下面进入正题:

  由于数据岛的属性结构,访问数据岛类似于访问文档对象,xml文档对象是指一个拥有属性和方法的对象,我们利用这些属性和方法来访问和处理xml文档,当一个xml数据岛被读取和解析的时候,就会创建一个xml文档对象

  1)数据岛对象

  使用< xml id="xmlName" src="xmlUrl.xml" > 中id的值就可以建立数据岛对象,数据岛对象主要获得xml文件的一些信息

  属性:Tagname -获得标签的名称 ,也就是"xml"这个字符串

  Text  -获得数据岛中的所有数据

  url   -xml的绝对路径(仅对于外嵌的数据岛,才可以利用url来获得读取xml文件的url路径和名称)

  2)结点的操作

  1:根结点

  可以使用DocumentElement属性来访问数据岛的根元素

  属性:Tagname --得到标签的名称

   Text  --得到数据段落中除了标签名外的所有数据

   GetAttribut -- 得到节点的属性值,如果有多个属性,可以使用Attributes.Item(index)方法得到所需要的属性,从0开始

  2:子节点

  可以使用DocumentElement.childNodes.Item(Index)来访问各个子结点

  (注:子节点也有Tagname和Text2个属性访问,意义参考根结点的内容,此外可以用Length来获得子节点的数目)

  下面是一个简单实例,将xml通过数据岛用Html显示出来

<学生管理>
<学生>
 <学号>97001
 <姓名>张三
 <性别>男
 <籍贯>浙江
<学生>
 <学号>97002
 <姓名>李四
 <性别>男
 <籍贯>浙江
<学生>
 <学号>97005
 <姓名>经典邂逅
 <性别>女
 <籍贯>广东

  这个xml 保存为stu.xml,和下面的html放到同一级文件夹下

  下面用外嵌的数据岛来显示xml文件

<html>
<head>
<title> 数据岛的显示 </title>
</head>
<body>
<xml id="stu" src="stu.xml"></xml>
<h2>学生信息管理</h2>
<table DATASRC=#stu border="1">
<thead> 
<th>学号</th>
<th>姓名</th>  
<th>性别</th>  
<th>籍贯</th> 
</thead> 
<tr> 
<td>  
<div DATAFLD="学号">  
</td>  
<td>  
<div DATAFLD="姓名">
</td>  
<td>  
<div DATAFLD="性别">  
</td>  
<td>  
<div DATAFLD="籍贯"> 
</td> 
</tr> 
</table>
</body>
</html>

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3