Web設(shè)計(jì)中如何使用XML數(shù)據(jù)
更新時(shí)間:2006年10月11日 00:00:00 作者:
XML數(shù)據(jù)源對(duì)象是一個(gè)ActiveX控件,允許你在XML文件和HTML頁(yè)面之間操作數(shù)據(jù)。本文將向你展示如何從各種XML數(shù)據(jù)源中提取數(shù)據(jù),以及如何使用JavaScript顯示這些數(shù)據(jù)。
XML數(shù)據(jù)源對(duì)象DSO是一個(gè)微軟ActiveX控件,構(gòu)建在微軟IE4以后的版本上。這個(gè)對(duì)象允許你把一個(gè)外部的XML文件或者嵌入HTML文件中的內(nèi)容提取到HTML頁(yè)面中。
你可以在一個(gè)Web頁(yè)面中使用XML - DSO從一個(gè)外部XML文件中選取內(nèi)容,從嵌入Web頁(yè)面的XML中提取XML數(shù)據(jù),然后使用JavaScript操作這些數(shù)據(jù)。然而,并不建議在Internet中使用這個(gè)對(duì)象,因?yàn)镈SO只能工作在MSIE 4以上的瀏覽器中,因此這可能會(huì)帶來(lái)一些兼容性問(wèn)題。 所以,在企業(yè)內(nèi)部網(wǎng)使用XML-DSO是很合適的。
開(kāi)始
為了初始化XML - DSO對(duì)象,我們使用<OBJECT>標(biāo)記。 用于XML-DSO的CLASSID是:
CLSID:550dda30-0541-11d2-9ca9-0060b0ec3d39
這ID唯一標(biāo)識(shí)XML-DSO。使用下面的代碼在一個(gè)Web頁(yè)面中初始化這個(gè)控件:
<OBJECT ID="SomeID" CLASSID="CLSID:550dda30-0541-11d2-9ca9-0060b0ec3d39"></OBJECT>
雖然大部分對(duì)象需要許多參數(shù)與之相關(guān)聯(lián),但是XML-DSO不需要任何參數(shù)。
使用一個(gè)XML數(shù)據(jù)島析取數(shù)據(jù)
首先,通過(guò)使用<XML>標(biāo)記包含一個(gè)XML數(shù)據(jù)島。其次,給它分配一個(gè)ID,xmldb --以備以后使用。 數(shù)據(jù)實(shí)際上是使用HTML標(biāo)記:<ALT>,<SPAN>,<DIV>等等提取的。代碼列表1中的代碼使用了<SPAN>標(biāo)記。datasrc屬性指定了你想從中提取數(shù)據(jù)的那個(gè)數(shù)據(jù)島。datafld屬性指定了你想要的數(shù)據(jù)的XML標(biāo)記。所以,第一個(gè)<SPAN>提取名稱,而第二<SPAN>提取性別。
代碼列表1:
<!-- example1.htm -->
<html>
<head>
<title>XML DSO-example1.htm</title>
</head>
<body bgcolor="#FFFFFF">
<xml id="xmldb">
<db>
<member>
<name>Premshree Pillai<name>
<sex>male</sex>
</member>
<member>
<name>Vinod</name>
<sex>male</sex>
</member>
</db>
</xml>
<span datasrc="#xmldb" datafld="name"<</span>
<br>
<span datasrc="#xmldb" datafld="sex"></span>
</body>
</html>
注意這段代碼沒(méi)有初始化一個(gè)XML-DSO對(duì)象。這是因?yàn)閄ML數(shù)據(jù)島的使用中已經(jīng)隱式地創(chuàng)建了一個(gè)。輸出應(yīng)為:
Premshree Pillai
male
注意在XML數(shù)據(jù)島中有兩個(gè)<name>和<sex>標(biāo)記。使用這個(gè)方法,你只能提取這些標(biāo)記中的第一個(gè)實(shí)例。代碼列表2中的代碼使用<TABLE>標(biāo)記提取所有的實(shí)例:
輸出將是:
Name Sex
Premshree Pillai male
Vinod male
在代碼列表2中,<TABLE>標(biāo)記使用<TD>標(biāo)記內(nèi)的<DIV>標(biāo)記提取數(shù)據(jù)。表格將自動(dòng)重復(fù)<member>(<name>和<sex>的母標(biāo)記)的每個(gè)實(shí)例。 代碼列表2:
<!-- example2.htm -->
<html>
<head>
<title>XML DSO-example2.htm</title>
</head>
<body bgcolor="#FFFFFF">
<xml id="xmldb">
<db>
<member>
<name>Premshree Pillai<name>
<sex>male</sex>
</member>
<member>
<name>Vinod</name>
<sex>male</sex>
</member>
</db>
</xml>
<table datasrc="#xmldb" border="1">
<thead>
<th>Name</th>
<th>Sex</th>
</thead>
<tr>
<td><div datafld="name"></div></td>
<td><div datafld="sex"></div></td>
</tr>
</table>
</body>
</html>
使用外部XML文件提取數(shù)據(jù)
為了使用XML-DSO加載一個(gè)外部XML文件,你必須顯式的包含這個(gè)對(duì)象并且使用一些JavaScript。
首先創(chuàng)建一個(gè)XML-DSO對(duì)象,使用ID myXML。添加寬度和高度屬性到<OBJECT>標(biāo)記中,然后設(shè)置它們的值為0。這保證XML-DSO對(duì)象不會(huì)占據(jù)你的Web頁(yè)面的任何空間。
其次,使用datasrc創(chuàng)建一個(gè)象myXML一樣的表--類似于代碼列表2中一樣。代碼使用<DIV>標(biāo)記(在TD標(biāo)記之)提取數(shù)據(jù),使用datafld作為第一欄的信息,并且使用URL作為第二欄。添加<SCRIPT>標(biāo)記,因?yàn)樵谶@里,外部的XML使用Java腳本顯式地聲明你想要加載的XML文件。
設(shè)置變量xmlDso為myXML.XMLDocument。myXML引用你已經(jīng)創(chuàng)建的對(duì)象。接下來(lái),使用XML-DSO的load()方法加載example3.xml。文件example3.xml連接到對(duì)象myXML上。
<!-- example3.xml -->
<?xml version="1.0" ?>
<ticker>
<item>
<message>JavaScript Ticker using XML DSO</message>
<URL>http://someURL.com</URL>
</item>
</ticker>
現(xiàn)在,研究一下下面的HTML頁(yè)面:
<!-- example3.htm -->
<html>
<head>
<title>XML DSO-example3.htm</title>
<script language="JavaScript">
function load() {
var xmlDso=myXML.XMLDocument;
xmlDso.load("example3.xml");
}
</script>
</head>
<body bgcolor="#FFFFFF" onLoad="load()">
<o(jì)bject id="myXML" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39"
width="0" height="0"></object>
<table datasrc="#myXML" border="1">
<thead>
<th>Message</th>
<th>URL</th>
</thead>
<tr>
<td><div datafld="message"></div></td>
<td><div datafld="URL"></div></td>
</tr>
</table>
</body>
</html>
輸出應(yīng)是:
Message URL
JavaScript Ticker using XML DSO http://someURL.com
上面的腳本非常特殊化。下面給出一個(gè)更一般的腳本:
<script language="JavaScript">
var xmlDso;
function load(xmlFile, objName) {
eval(''xmlDso=''+objName+''.XMLDocument'');
xmlDso.load(xmlFile);
}
</script>
Now, to load any XML file use:
load("SomeXMLFile.xml","anyXmlDsoObject");(csdn) (出處:PConline)
相關(guān)文章
XML數(shù)據(jù)庫(kù)中幾個(gè)容易混淆的概念
XML數(shù)據(jù)庫(kù)中幾個(gè)容易混淆的概念...2006-10-10使用xmldom在服務(wù)器端生成靜態(tài)html頁(yè)面
使用xmldom在服務(wù)器端生成靜態(tài)html頁(yè)面...2006-10-10了解WEB頁(yè)面工具語(yǔ)言XML(四)應(yīng)用分類
了解WEB頁(yè)面工具語(yǔ)言XML(四)應(yīng)用分類...2006-10-10使用正則表達(dá)式進(jìn)行xml數(shù)據(jù)驗(yàn)證
使用正則表達(dá)式進(jìn)行xml數(shù)據(jù)驗(yàn)證...2006-10-10Web設(shè)計(jì)中如何使用XML數(shù)據(jù)源對(duì)象
Web設(shè)計(jì)中如何使用XML數(shù)據(jù)源對(duì)象...2006-10-10