Xml数据岛技术

微软从IE5开始将数据岛技术引入到浏览器中。通过使用数据岛&＃xff0c;可以轻松的将Xml数据绑定到HTML中&＃xff0c;这样就省去了手工填充数据的麻烦。另外&＃xff0c;当改变Xml的数据时&＃xff0c;绑定的数据也会随着Xml的改变而改变。

1、在HTML中引入Xml数据岛

Xml数据岛的使用方法有两种&＃xff0c;一种是在HTML中直接嵌入XML&＃xff0c;另一种是外部引入Xml数据。

直接嵌入Xml数据岛&＃xff0c;是指将Xml文档内容直接放在标签中&＃xff0c;使用方法如下&＃xff1a;

<html>
    <head>head>
    <body>
        <xml>
            xml version&＃61;"1.0" encoding&＃61;"utf-8" ?>
            <book>
                <name>Xml应用系列name>
                <auhtor>学路的小孩auhtor>
                <date>2009-03-23date>
            book>
        xml>
    body>
html>

外部引入Xml数据&＃xff0c;则是通过指定标签的src属性来实现的&＃xff0c;例如&＃xff1a;

2、将数据绑定到HTML标签

将数据岛中的数据绑定到HTML中&＃xff0c;需要指定HTML标签的两个属性&＃xff1a;datasrc和datafld。其中&＃xff0c;datasrc表示的是数据源&＃xff0c;即绑定那个数据源&＃xff1b;datafld表示的是绑定那个字段。当这两个属性都被正确指定后&＃xff0c;HTML就会显示Xml中的数据了。下面用一个例子来说明&＃xff1a;

还是原来的Xml文档&＃xff0c;通过外部引入到HTML中&＃xff0c;然后通过绑定到span标签中来显示Xml中的数据。代码如下&＃xff1a;

<html>
<head>
    <title>数据岛测试title>
    <script type&＃61;"text/Javascript">
        function btnOnclick()
        {
            var xmlDoc &＃61; document.getElementById("XmlData");

            xmlDoc.documentElement.selectSingleNode("name").text &＃61; "abc";
        }
    script>
head>
<body>
    <xml src&＃61;"book.xml" id&＃61;"XmlData">xml>

    <div>
        <span>书名&＃xff1a;span>
        <span datasrc&＃61;"#XmlData" datafld&＃61;"name">span>
        <br />

        <span>作者&＃xff1a;span>
        <span datasrc&＃61;"#XmlData" datafld&＃61;"author">span>
        <br />

        <span>日期&＃xff1a;span>
        <span datasrc&＃61;"#XmlData" datafld&＃61;"date">span>
    div>

    <input type&＃61;"button" value&＃61;"改变XML值" onclick&＃61;"btnOnclick()" />

body>
html>

这段HTML代码在IE中的效果如下图&＃xff1a;

当单击按钮“改变XML值”后&＃xff0c;通过执行Javascript代码&＃xff0c;改变了xml数据的值&＃xff0c;这时HTML中的数据会自动更新&＃xff0c;如图&＃xff1a;

Xml数据岛不仅可以绑定在span标签&＃xff0c;还可以绑定在table标签中&＃xff0c;并且可以多行显示。另外&＃xff0c;当绑定到span中时&＃xff0c;如果Xml中有多条数据时&＃xff0c;可以通过Javascript来控制显示哪一条数据。具体的Javascript代码为&＃xff1a;moveFirst() 显示第一条记录、 movePrevious() 显示上一条记录、 moveNext() 显示下一条记录、 moveLast() 显示最后一条记录、 move(n) 显示第n条记录&＃xff0c;n从0开始&＃xff1b;还能够通过BOF和EOF判断是不是第一条记录和最后一条记录&＃xff1b;这些方法和属性都是XmlData.recordset属性提供的。其中XmlData为数据岛的ID。

要显示Xml数据&＃xff0c;其实方法不只有这一种&＃xff0c;还可以通过为Xml文档添加CSS样式或者XSL文档来将Xml中的数据呈现到浏览器中。下一篇我将介绍如何通过CSS和XSL来实现数据的显示。请继续关注。

声明作者&＃xff1a;齐飞

Email&＃xff1a;youring2&＃64;gmail.com
欢迎转载&＃xff0c;但请保留本段信息&＃xff01;

如果认为此文对您有帮助&＃xff0c;别忘了支持一下哦&＃xff01;

作者&＃xff1a;齐飞

来源&＃xff1a;http://youring2.cnblogs.com/

声明&＃xff1a;本博客原创文字只代表本人工作中在某一时间内总结的观点或结论&＃xff0c;与本人所在单位没有直接利益关系。非商业&＃xff0c;未授权&＃xff0c;贴子请以现状保留&＃xff0c;转载时必须保留此段声明&＃xff0c;且在文章页面明显位置给出原文连接。

转载&＃xff1a;http://www.cnblogs.com/youring2/archive/2009/03/25/1421453.html