佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > Web設(shè)計中如何使用XML數(shù)據(jù)

Web設(shè)計中如何使用XML數(shù)據(jù)

熱門標簽:檢查注冊表項 呼叫中心市場需求 鐵路電話系統(tǒng) 美圖手機 智能手機 服務(wù)器配置 網(wǎng)站文章發(fā)布 銀行業(yè)務(wù)

XML數(shù)據(jù)源對象是一個ActiveX控件,允許你在XML文件和HTML頁面之間操作數(shù)據(jù)。本文將向你展示如何從各種XML數(shù)據(jù)源中提取數(shù)據(jù),以及如何使用JavaScript顯示這些數(shù)據(jù)。

XML數(shù)據(jù)源對象DSO是一個微軟ActiveX控件,構(gòu)建在微軟IE4以后的版本上。這個對象允許你把一個外部的XML文件或者嵌入HTML文件中的內(nèi)容提取到HTML頁面中。

你可以在一個Web頁面中使用XML - DSO從一個外部XML文件中選取內(nèi)容,從嵌入Web頁面的XML中提取XML數(shù)據(jù),然后使用JavaScript操作這些數(shù)據(jù)。然而,并不建議在Internet中使用這個對象,因為DSO只能工作在MSIE 4以上的瀏覽器中,因此這可能會帶來一些兼容性問題。 所以,在企業(yè)內(nèi)部網(wǎng)使用XML-DSO是很合適的。

開始

為了初始化XML - DSO對象,我們使用<OBJECT>標記。 用于XML-DSO的CLASSID是:

CLSID:550dda30-0541-11d2-9ca9-0060b0ec3d39

這ID唯一標識XML-DSO。使用下面的代碼在一個Web頁面中初始化這個控件:

<OBJECT ID="SomeID" CLASSID="CLSID:550dda30-0541-11d2-9ca9-0060b0ec3d39"></OBJECT>

雖然大部分對象需要許多參數(shù)與之相關(guān)聯(lián),但是XML-DSO不需要任何參數(shù)。

使用一個XML數(shù)據(jù)島析取數(shù)據(jù)

首先,通過使用<XML>標記包含一個XML數(shù)據(jù)島。其次,給它分配一個ID,xmldb --以備以后使用。 數(shù)據(jù)實際上是使用HTML標記:<ALT>,<SPAN>,<DIV>等等提取的。代碼列表1中的代碼使用了<SPAN>標記。datasrc屬性指定了你想從中提取數(shù)據(jù)的那個數(shù)據(jù)島。datafld屬性指定了你想要的數(shù)據(jù)的XML標記。所以,第一個<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>

注意這段代碼沒有初始化一個XML-DSO對象。這是因為XML數(shù)據(jù)島的使用中已經(jīng)隱式地創(chuàng)建了一個。輸出應(yīng)為:

Premshree Pillai
male

注意在XML數(shù)據(jù)島中有兩個<name>和<sex>標記。使用這個方法,你只能提取這些標記中的第一個實例。代碼列表2中的代碼使用<TABLE>標記提取所有的實例:

輸出將是:
Name Sex
Premshree Pillai male
Vinod male

在代碼列表2中,<TABLE>標記使用<TD>標記內(nèi)的<DIV>標記提取數(shù)據(jù)。表格將自動重復(fù)<member>(<name>和<sex>的母標記)的每個實例。 代碼列表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加載一個外部XML文件,你必須顯式的包含這個對象并且使用一些JavaScript。

首先創(chuàng)建一個XML-DSO對象,使用ID myXML。添加寬度和高度屬性到<OBJECT>標記中,然后設(shè)置它們的值為0。這保證XML-DSO對象不會占據(jù)你的Web頁面的任何空間。

其次,使用datasrc創(chuàng)建一個象myXML一樣的表--類似于代碼列表2中一樣。代碼使用<DIV>標記(在TD標記之)提取數(shù)據(jù),使用datafld作為第一欄的信息,并且使用URL作為第二欄。添加<SCRIPT>標記,因為在這里,外部的XML使用Java腳本顯式地聲明你想要加載的XML文件。

設(shè)置變量xmlDso為myXML.XMLDocument。myXML引用你已經(jīng)創(chuàng)建的對象。接下來,使用XML-DSO的load()方法加載example3.xml。文件example3.xml連接到對象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頁面:

<!-- 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()">

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

上面的腳本非常特殊化。下面給出一個更一般的腳本:

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

標簽:樂山 滄州 新疆 沈陽 長治 紅河 河南 上海

巨人網(wǎng)絡(luò)通訊聲明:本文標題《Web設(shè)計中如何使用XML數(shù)據(jù)》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    宁南县| 张家港市| 稷山县| 康乐县| 额尔古纳市| 松溪县| 黄陵县| 高阳县| 承德县| 玉林市| 乾安县| 甘南县| 同德县| 修水县| 车致| 明溪县| 甘泉县| 友谊县| 响水县| 阳东县| 独山县| 益阳市| 湘潭市| 江西省| 上栗县| 镇赉县| 拜城县| 古浪县| 黄冈市| 泊头市| 乌鲁木齐县| 吐鲁番市| 洪湖市| 航空| 嘉鱼县| 砚山县| 图们市| 上思县| 神木县| 宁南县| 新源县|