XML绑定数据岛的例子

最新推荐文章于 2018-09-14 20:56:50 发布
最新推荐文章于 2018-09-14 20:56:50 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： JavaScript XML/XSL 文章标签： xml html javascript generator table function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ahpo/article/details/630174
版权

XML绑定数据岛，小型的XML应用框架的例子。

首先建立XML文件cd_catalog.xml，
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited with XML Spy v4.2 -->
<CATALOG>
 <CD>
  <TITLE>Empire Burlesque</TITLE>
  <ARTIST>Bob Dylan</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Columbia</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1985</YEAR>
 </CD>
 <CD>
  <TITLE>Hide your heart</TITLE>
  <ARTIST>Bonnie Tyler</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>CBS Records</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1988</YEAR>
 </CD>
 <CD>
  <TITLE>Greatest Hits</TITLE>
  <ARTIST>Dolly Parton</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>RCA</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1982</YEAR>
 </CD>
 <CD>
  <TITLE>Still got the blues</TITLE>
  <ARTIST>Gary Moore</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Virgin records</COMPANY>
  <PRICE>10.20</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Eros</TITLE>
  <ARTIST>Eros Ramazzotti</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>BMG</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1997</YEAR>
 </CD>
 <CD>
  <TITLE>One night only</TITLE>
  <ARTIST>Bee Gees</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1998</YEAR>
 </CD>
 <CD>
  <TITLE>Sylvias Mother</TITLE>
  <ARTIST>Dr.Hook</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>CBS</COMPANY>
  <PRICE>8.10</PRICE>
  <YEAR>1973</YEAR>
 </CD>
 <CD>
  <TITLE>Maggie May</TITLE>
  <ARTIST>Rod Stewart</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Pickwick</COMPANY>
  <PRICE>8.50</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Romanza</TITLE>
  <ARTIST>Andrea Bocelli</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>10.80</PRICE>
  <YEAR>1996</YEAR>
 </CD>
 <CD>
  <TITLE>When a man loves a woman</TITLE>
  <ARTIST>Percy Sledge</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Atlantic</COMPANY>
  <PRICE>8.70</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Black angel</TITLE>
  <ARTIST>Savage Rose</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Mega</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1995</YEAR>
 </CD>
 <CD>
  <TITLE>1999 Grammy Nominees</TITLE>
  <ARTIST>Many</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Grammy</COMPANY>
  <PRICE>10.20</PRICE>
  <YEAR>1999</YEAR>
 </CD>
 <CD>
  <TITLE>For the good times</TITLE>
  <ARTIST>Kenny Rogers</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Mucik Master</COMPANY>
  <PRICE>8.70</PRICE>
  <YEAR>1995</YEAR>
 </CD>
 <CD>
  <TITLE>Big Willie style</TITLE>
  <ARTIST>Will Smith</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Columbia</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1997</YEAR>
 </CD>
 <CD>
  <TITLE>Tupelo Honey</TITLE>
  <ARTIST>Van Morrison</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>8.20</PRICE>
  <YEAR>1971</YEAR>
 </CD>
 <CD>
  <TITLE>Soulsville</TITLE>
  <ARTIST>Jorn Hoel</ARTIST>
  <COUNTRY>Norway</COUNTRY>
  <COMPANY>WEA</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1996</YEAR>
 </CD>
 <CD>
  <TITLE>The very best of</TITLE>
  <ARTIST>Cat Stevens</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Island</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Stop</TITLE>
  <ARTIST>Sam Brown</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>A and M</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1988</YEAR>
 </CD>
 <CD>
  <TITLE>Bridge of Spies</TITLE>
  <ARTIST>T'Pau</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Siren</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Private Dancer</TITLE>
  <ARTIST>Tina Turner</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Capitol</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1983</YEAR>
 </CD>
 <CD>
  <TITLE>Midt om natten</TITLE>
  <ARTIST>Kim Larsen</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Medley</COMPANY>
  <PRICE>7.80</PRICE>
  <YEAR>1983</YEAR>
 </CD>
 <CD>
  <TITLE>Pavarotti Gala Concert</TITLE>
  <ARTIST>Luciano Pavarotti</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>DECCA</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1991</YEAR>
 </CD>
 <CD>
  <TITLE>The dock of the bay</TITLE>
  <ARTIST>Otis Redding</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Atlantic</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Picture book</TITLE>
  <ARTIST>Simply Red</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Elektra</COMPANY>
  <PRICE>7.20</PRICE>
  <YEAR>1985</YEAR>
 </CD>
 <CD>
  <TITLE>Red</TITLE>
  <ARTIST>The Communards</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>London</COMPANY>
  <PRICE>7.80</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Unchain my heart</TITLE>
  <ARTIST>Joe Cocker</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>EMI</COMPANY>
  <PRICE>8.20</PRICE>
  <YEAR>1987</YEAR>
 </CD>
</CATALOG>

其次建立test.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<!-- 使用上面示例代码，可以把cd_catalog.xml文件载入一个叫"xmldso"的数据岛中。属性async="false"的作用是在HTML处理器开始处理XML数据以前，必须确保XML文档中的所有数据都被载入到内存中。-->
<xml src="cd_catalog.xml" id="xmldso" async="false">
</xml>
<!--把XML数据绑定到table元素，需要在table属性添加一个资源属性，并且在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>
</BODY>
</HTML>

附加：

没有必要使用table元素来显示XML数据，数据可以通过数据岛绑定到任何一个HTML元素上。

<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>

加强版本的例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<xml src="cd_catalog.xml" id="xmldso" async="false">
</xml>
<SCRIPT LANGUAGE="JavaScript">
<!--
var x=xmldso.recordset;

function movenext()
{

if (x.absoluteposition < x.recordcount)
{
a2.innerText=x.absoluteposition+1;
x.movenext();

}
}
function moveprevious()
{

if (x.absoluteposition > 1)
{

x.moveprevious();
a2.innerText=x.absoluteposition;

}
}
function jumppage() {
  a2.innerText = document.all.keyIndex.value;
  x.absoluteposition=document.all.keyIndex.value;
}

//-->
</SCRIPT>

<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/>

第<span id="a2">1</span>/<script>document.write(xmldso.recordset.recordcount);</script>页&nbsp;<a href="javascript:moveprevious()">上页<a/>&nbsp;<a href="javascript:movenext()">下页</a>
<br/>
跳到第<input type="text" name="keyIndex" value="" size="3">页<input type="button" value="GO" onClick="jumppage()">

</BODY>
</HTML>

数据岛技术的数据感知功能
<html>

<head>
<script type="text/javascript">
function testclick(field)
{
var row=field.rowIndex
xmldso_list.recordset.absoluteposition=row
td_title.innerHTML=xmldso_list.recordset("TITLE")
td_artist.innerHTML=xmldso_list.recordset("ARTIST")
td_year.innerHTML=xmldso_list.recordset("YEAR")
td_country.innerHTML=xmldso_list.recordset("COUNTRY")
td_company.innerHTML=xmldso_list.recordset("COMPANY")
td_price.innerHTML=xmldso_list.recordset("PRICE")
}
</script>
</head>

<body>
<xml id="xmldso_list" src="cd_catalog.xml"></xml>

<table border="1" bgcolor="yellow">
  <tr align="left"><th>Title:  </th><td id="td_title"></td></tr>
  <tr align="left"><th>Artist: </th><td id="td_artist"></td></tr>
  <tr align="left"><th>Year:   </th><td id="td_year"></td></tr>
  <tr align="left"><th>Country:</th><td id="td_country"></td></tr>
  <tr align="left"><th>Company:</th><td id="td_company"></td></tr>
  <tr align="left"><th>Price:  </th><td id="td_price"></td></tr>
</table>

<p><b>Click on one of the CDs in the list:</b></p>

<table datasrc="#xmldso_list" border="1">
<thead>
  <tr align="left">
    <th>Title</th>
    <th>Artist</th>
    <th>Country</th>
    <th>Company</th>
    <th>Price</th>
    <th>Year</th>
  </tr>
</thead>
<tr align="left" οnclick="testclick(this)">
  <td><div datafld="TITLE" /></td>
  <td><div datafld="ARTIST" /></td>
  <td><div datafld="COUNTRY" /></td>
  <td><div datafld="COMPANY" /></td>
  <td align="right"><div datafld="PRICE" /></td>
  <td><div datafld="YEAR" /></td>
</tr>
</table>

</body>
</html>


XML快速入门（一）
小风啊吼吼吼的博客
03-01 851
文章目录XML简介XML元素简介XML验证根据DTD来验证XML使用CSS和XSLT显示XMLXML DOMXML 应用程序 XML简介 （来源于菜鸟教程） XML 被设计用来传输和存储数据。HTML 被设计用来显示数据。 XML 标签没有被预定义。您需要自行定义标签。 XML 是 W3C 的推荐标准 XML 标签对大小写敏感 在 XML 中，省略关闭标签是非法的。所有元素都必须有关闭标签 XML 必须正确嵌套 XML 属性值必须加引号 在 XML 中，空格会被保留 实体引用 XML用途：XML 应用于
利用Ajax与数据岛实现无刷新绑定
weixin_33709219的博客
03-27 108
首先我们今天要用到的是Ajax.NET Professional ，您可以从http://www.schwarz-interactive.de/ 获取更多的信息然后还需要知道Xml数据岛，先来看一个简单的绑定例子：第一步先确定XML数据源 <xmlID="xmlData"name="xmlData"><root><METADATA>...
XML 数据岛之一数据绑定
Chris Mao的专栏
10-15 3623
HTML中不仅含有大量的格式化语句，还到处充斥着内容数据，让人看着实在是头大。美工人员在调整界面布局时，可能会不经意的修改了内容数据；业面内容维护人员在维护数据时往往也无意的弄乱了业面布局代码。 于是乎，人们开始有意识的避免这种混乱局势。利用XML进行数据描述，在HTML中仅保留页面布局代码，这样就使得数据在界面分开，再也不会因为修改布局而丢失内容数据；亦不会在维护数据时改变页面布局。
数据岛的一个例子
furthersun的专栏
09-01 941
 最近做的一个项目中运用 xml 数据岛技术，所以把数据岛方面的知识总结一下。   XML 数据岛 （ data islands ）就是被 html 页面引用或者包含的 xml 数据，是从 IE5 开始引入的一项技术。可以通过 xml 标签很轻松将数据岛插入到 html 文档中。那么怎么访问 xml 数据岛的数据呢，很简单，通过 xml 的 id 。在页面中的数据岛和其他的 xml 数据一样，
XML数据岛，数据绑定
03-12 2098
  １、XML的局限性 目前，许多Web网站的内容数据都存放在数据库或数据文件中。对于Web程序开发人员来说，如果要想把有用 的信息从数据库中提取出来，传统的方法是在服务器端编写脚本程序（如VBScript、JavaScript、CGI、ASP、Perl等等），通过对数 据库执行SQL查询得到相关记录，然后把查询结果组织成HTML页面返回给客户端，用户使用浏览器观察最终结果。 为了提高系统服务的灵
数据岛的绑定与DSO
somboy的专栏
09-30 1489
      上一个小节主要介绍了数据岛的概念及用途，在学习数据岛的使用之前，我们应该先了解几个数据岛相关术语，其中一个比较重要的就是数据绑定。下面我们通过一个简单的案例，来说明一下。      首先创建XML文档，打开记事本，在里面输入下列代码：例10-1 version="1.0" encoding="GB2312"?>书库>　 书>　　　 书名>xml入门
利用AJAX与数据岛实现无刷新绑定
10-31
2. **数据岛**：数据岛是一种在HTML文档中嵌入XML数据的技术，使得可以在客户端处理XML数据并将其绑定到HTML元素上。这种技术在早期版本的Internet Explorer中得到了广泛的应用。 3. **XML数据岛**：一种特定格式的...
AJAX与XML数据岛：无刷新绑定实战教程
接下来，XML数据岛是实现AJAX绑定的重要组成部分。数据岛是一种将XML数据嵌入HTML文档中的方法，这样可以避免数据跨域问题，并提供了一种安全的方式来存储和传递数据。在这个例子中，我们定义了一个XML结构，其中...
XML数据岛与DSO详解：数据绑定与操作方法
首先，内嵌式数据岛是通过在HTML文档的`<xml>`标签中直接包含XML数据，如例子中的HTML代码所示。这种方法直接将XML数据嵌入到HTML结构中，通过`<table>`的`datasrc`属性关联数据岛。 另一种是引入式数据岛，XML数据...
XML的数据源对象（数据岛）
04-21
在实际应用中，可以通过一个例子来理解数据岛的使用。例如，一个名为`goods.xml`的文件作为数据源，创建一个名为`goods.htm`的HTML页面，其中包含`<xml id="shirt" src="goods.xml"></xml>`来引入数据源。然后通过`...
xml之数据岛绑定到表格
bafang0526的博客
07-28 140
页面功能 首先简历users.xml文件 <?xml version="1.0" encoding="utf-8" ?><users><user id="1" name="zhangsan" age="23" sex="man"></user><user id="2" name="lisi" age="23" sex...
实际的例子
weixin_30372371的博客
03-07 80
输出： 输出： 输出： 这三种情况需要分析下。 输出： 转载于:https://www.cnblogs.com/xuzhudong/p/6500543.html
Android解析压缩的xml文件
wenzhi的博客
03-19 1884
Android解析压缩的xml文件       本文主要介绍xml文件解析，主要是想讲手机内压缩文件xml的解析，但是也顺便讲一下在目录assets中的xml文件的解析。        这里压缩文件的解析，一般做法是把压缩文件解析到相同目录下，得到File对象后，对xml文件进行解析。        Xml文件解析是有三种方法的，这里使用的是sax解析，其他的还有pull解析和DOM解析，
cdcatalog.xml
学习专栏
12-11 1613
             Empire Burlesque        Bob Dylan        USA        Columbia        10.90        1985                Hide your heart        Bonnie Tyler        UK        CBS Records        9.90        19
cd命令
weixin_42037479的博客
09-14 5296
CD命令是改变子目录的命令。格式：CD [路径] 。CD命令只能进入当前盘符中的文件夹，改变操作的根目录（改变操作盘符），则不需用cd。例如你当前是在c:盘下，要到d:盘，只需键入d:回车就行了。 例一： 现在的位置是C盘，如果需要进入C盘的windows目录，则输入命令：cd windows，输入后，当前提示符则变为：C:\WINDOWS&gt;，这就告诉我们，我们当前的工作目录是C盘根目录...
一个CD目录的XML文件
zgqtxwd的专栏
04-24 436
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
XML基础知识——写入数据到XML文件（二）
追梦人的博客
01-12 5061
一、写入数据到XML文件中 往XML文件中写入数据，特别要注意编码问题，这里写入数据采用了两种不同的编码。一般情况下如果xml文件时gb2312,就采用第一种方式，如果为UTF-8，就使用第二种方式写入，否则可以会产生中文乱码问题。 （1）、以UTF-8编码写入数据到XML文件，源代码如下： /** * UTF-8格式：使用XML的Document对象写数据到XML文件 * @p
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值