Web設計中如何使用XML資料來源物件詳細介紹-XML/RSS教程-PHP中文網

首頁

後端開發

XML/RSS教程

Web設計中如何使用XML資料來源物件詳細介紹

黄舟

Mar 07, 2017 pm 04:14 PM

　xml資料來源物件是一個ActiveX控件，允許你在XML檔案和HTML頁面之間操作資料。本文將向你展示如何從各種XML資料來源擷取數據，以及如何使用javaScript顯示這些數據。

　　XML資料來源物件DSO是微軟ActiveX控件，建構在微軟IE4以後的版本上。這個物件允許你把一個外部的XML檔案或是嵌入HTML檔案中的內容提取到HTML頁面中。

　　你可以在一個Web頁面中使用XML - DSO從一個外部XML檔案中選取內容，從嵌入Web頁面的XML中提取XML數據，然後使用Javascript操作這些資料。然而，並不建議在Internet中使用這個對象，因為DSO只能工作在MSIE 4以上的瀏覽器中，因此這可能會帶來一些相容性問題。所以，在企業內部網路使用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＞

登入後複製

　　雖然大部分物件需要許多參數與之相關聯，但XML-DSO不需要任何參數。

　　使用一個XML資料島析取資料

　　首先，透過使用＜XML＞標記包含一個XML資料島。其次，給它一個ID，xmldb --以備以後使用。資料其實是使用HTML標記：＜ALT＞，＜SPAN＞，＜DIV＞等等提取的。代碼列表1中的代碼使用了＜SPAN＞標記。 datasrc屬性指定了你想從中提取資料的那個資料島。 datafld屬性指定了你想要的資料的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資料島的使用中已經隱式地創建了一個。輸出應為：
　　
　　

Premshree Pillai
　　male

登入後複製

　　注意在XML資料中有兩個＜name＞和＜sex＞標記。使用這個方法，你只能提取這些標記中的第一個實例。程式碼清單2中的程式碼使用＜TABLE＞標記擷取所有的實例：

#　　輸出將是:

Sex



	# Name

######Premshree Pillai######male############Vinod####### ###########在代码列表2中，＜TABLE＞标记使用＜TD＞标记内的＜DIV＞标记提取数据。表格将自动重复＜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文件提取数据

　　为了使用XML-DSO加载一个外部XML文件，你必须显式的包含这个对象并且使用一些JavaScript。

　　首先创建一个XML-DSO对象，使用ID myXML。添加宽度和高度属性到＜OBJECT＞标记中，然后设置它们的值为0。这保证XML-DSO对象不会占据你的Web页面的任何空间。

　　其次，使用datasrc创建一个象myXML一样的表--类似于代码列表2中一样。代码使用＜DIV＞标记（在TD标记之）提取数据，使用datafld作为第一栏的信息，并且使用URL作为第二栏。添加＜SCRIPT＞标记，因为在这里，外部的XML使用Java脚本显式地声明你想要加载的XML文件。

　　设置变量xmlDso为myXML.XMLDocument。myXML引用你已经创建的对象。接下来，使用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＞

登入後複製

　　现在，研究一下下面的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＞

登入後複製

输出应是:

Message URL
　　　JavaScript Ticker using XML DSO http://someURL.com

登入後複製

上面的脚本非常特殊化。下面给出一个更一般的脚本：

＜script language="JavaScript"＞
var xmlDso;
function load(xmlFile, objName) {
eval(&#39;xmlDso=&#39;+objName+&#39;.XMLDocument&#39;);
xmlDso.load(xmlFile);
}
＜/script＞
Now, to load any XML file use: 
load("SomeXMLFile.xml","anyXmlDsoObject");

登入後複製

使用XML-DSO和JavaScript

　　假设你有一个包含姓名、电子邮件地址和电话号码的XML文件。你想使用它构建一个应用程序，显示每个人的档案--一次显示一个。用户将使用"Next"和"Previous"按钮浏览每个人的数据。Javascript可以帮助你实现这个目的。

　　下面的代码使用记录集方法把文件中所有的数据保存到一个变量memberSet中。moveNext()方法指向下一个数据项（下一行）。脚本然后载入XML文件example4.xml，把记录保存到变量memberSet中。第一个记录将被显示，但是memberSet.moveNext()指向文件中相对于前一个指定数据的下一个记录。

＜!-- example4.xml --＞
＜?xml version="1.0" ?＞
＜myDB＞
＜member＞
＜name＞Premshree Pillai＜/name＞
＜sex＞male＜/sex＞
＜/member＞
＜member＞
＜name＞Vinod＜/name＞
＜sex＞male＜/sex＞
＜/member＞
＜member＞
＜name＞Santhosh＜/name＞
＜sex＞male＜/sex＞
＜/member＞
＜/myDB＞

登入後複製

　　这里是相应的HTML文件：

＜!-- example4.htm --＞
＜html＞
＜head＞
＜title＞XML DSO-example4.htm＜/title＞
＜script language="JavaScript"＞
function load() {
var xmlDso=myDB.XMLDocument;
xmlDso.load("example4.xml");

/* Get the complete record set */
var memberSet=myDB.recordset;

/* Go to next data */
memberSet.moveNext();
}
＜/script＞
＜/head＞
＜body bgcolor="#FFFFFF" onLoad="load()"＞

＜object id="myDB" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" 
width="0" height="0"＞＜/object＞

＜span datasrc="#myDB" datafld="name"＞＜/span＞

＜/body＞
＜/html＞

登入後複製

输出应是:

Vinod

登入後複製

　　下面给出更多使用JavaScript操作XML-DSO的方法：

· movePrevious(): 指向前一个数据项。

　　　· moveFirst(): 指向第一个数据项。

　　　· moveLast(): 指向最后一个数据项。

　　　· EOF: 这个属性用来检测我们是否已经到达数据记录的底部。

＜!-- example4.xml --＞
＜?xml version="1.0" ?＞
＜myDB＞
＜member＞
＜name＞Premshree Pillai＜/name＞
＜sex＞male＜/sex＞
＜/member＞
＜member＞
＜name＞Vinod＜/name＞
＜sex＞male＜/sex＞
＜/member＞
＜member＞
＜name＞Santhosh＜/name＞
＜sex＞male＜/sex＞
＜/member＞
＜/myDB＞

登入後複製

　　这里是相应的HTML文件：

＜!-- example4.htm --＞
＜html＞
＜head＞
＜title＞XML DSO-example4.htm＜/title＞
＜script language="JavaScript"＞
function load() {
var xmlDso=myDB.XMLDocument;
xmlDso.load("example4.xml");

/* Get the complete record set */
var memberSet=myDB.recordset;

/* Go to next data */
memberSet.moveNext();
}
＜/script＞
＜/head＞
＜body bgcolor="#FFFFFF" onLoad="load()"＞

＜object id="myDB" CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" 
width="0" height="0"＞＜/object＞

＜span datasrc="#myDB" datafld="name"＞＜/span＞

＜/body＞
＜/html＞

登入後複製

　　输出应是:

　　　Vinod

登入後複製

　下面给出更多使用JavaScript操作XML-DSO的方法：

　　　· movePrevious(): 指向前一个数据项。

　　　· moveFirst(): 指向第一个数据项。

　　　· moveLast(): 指向最后一个数据项。

　　　· EOF: 这个属性用来检测我们是否已经到达数据记录的底部。

　　initTicker()首先检查是否有IE 4+。如果浏览器是IE4+，这个XML文件被作为一个参数被传递并载入。如果定时器失败了，那么调用xmlDsoTicker()函数。xmlDsoTicker()除了xmlFile参数以外，和initTicker()有相同的参数，因为XML文件已经被载入。xmlDsoTicker()检查变量counter（初始值为maxMsgs）是否小于maxMsgs-1。如果是，moveNext()方法指向tickerSet中下一个数据项。

　　HTML页面的BODY包含下面的代码：

＜a href="" datasrc="#ticker" datafld="URL" class="tickerStyle"＞
＜span datasrc="#ticker" datafld="message"＞＜/span＞
＜/a＞

登入後複製

图1：定时器应用程序显示输出。

　　在这段代码中，＜A＞标记把XML文件的URL作为它的datafld。＜SPAN＞标记把XML文件的信息作为它的datafld。这个信息在＜SPAN＞元素中显示，然后整个信息可以通过这段信息相应的URL连接。

　　这样，＜A＞和＜SPAN＞元素包含下一个数据项（URL和信息）。在一段延迟以后，＜A＞和＜SPAN＞指向下一个数据。只要counter＜maxMsgs-1（计数器每次递增），这个操作就会发生。如果counter＜maxMsgs-1是假，计数器就被设置为0，然后指向tickerSet中的第一个数据项。

以上就是Web设计中如何使用XML数据源对象详细介绍的内容，更多相关内容请关注PHP中文网（www.php.cn）！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

gmail信箱登陸入口在哪裡

7792

Java教學

1644

CakePHP 教程

1401

Laravel 教程

1298

PHP教程

1234

Related knowledge

能否用PowerPoint開啟XML文件 Feb 19, 2024 pm 09:06 PM

XML檔可以用PPT開啟嗎？ XML，即可擴展標記語言（ExtensibleMarkupLanguage），是一種廣泛應用於資料交換和資料儲存的通用標記語言。與HTML相比，XML更加靈活，能夠定義自己的標籤和資料結構，使得資料的儲存和交換更加方便和統一。而PPT，即PowerPoint，是微軟公司開發的一種用於創建簡報的軟體。它提供了圖文並茂的方

Python中的XML資料轉換為CSV格式 Aug 11, 2023 pm 07:41 PM

Python中的XML資料轉換為CSV格式XML（ExtensibleMarkupLanguage）是一種可擴充標記語言，常用於資料的儲存與傳輸。而CSV（CommaSeparatedValues）則是一種以逗號分隔的文字檔案格式，常用於資料的匯入和匯出。在處理資料時，有時需要將XML資料轉換為CSV格式以便於分析和處理。 Python作為一種功能強大

C#開發中如何處理XML和JSON資料格式 Oct 09, 2023 pm 06:15 PM

C#開發中如何處理XML和JSON資料格式，需要具體程式碼範例在現代軟體開發中，XML和JSON是廣泛應用的兩種資料格式。 XML（可擴展標記語言）是一種用於儲存和傳輸資料的標記語言，而JSON（JavaScript物件表示）是一種輕量級的資料交換格式。在C#開發中，我們經常需要處理和操作XML和JSON數據，本文將重點放在如何使用C#處理這兩種數據格式，並附上

web標準是什麼東西 Oct 18, 2023 pm 05:24 PM

Web標準是一組由W3C和其他相關組織制定的規範和指南，它包括HTML、CSS、JavaScript、DOM、Web可訪問性和性能優化等方面的標準化，透過遵循這些標準，可以提高頁面的兼容性、可訪問性、可維護性和效能。 Web標準的目標是使Web內容能夠在不同的平台、瀏覽器和裝置上一致地展示和交互，提供更好的使用者體驗和開發效率。

如何從駕駛艙Web使用者介面啟用管理訪問 Mar 20, 2024 pm 06:56 PM

Cockpit是一個面向Linux伺服器的基於Web的圖形介面。它主要是為了使新用戶/專家用戶更容易管理Linux伺服器。在本文中，我們將討論Cockpit存取模式以及如何從CockpitWebUI切換Cockpit的管理存取。內容主題：駕駛艙進入模式查找當前駕駛艙訪問模式從CockpitWebUI啟用Cockpit的管理訪問從CockpitWebUI禁用Cockpit的管理訪問結論駕駛艙進入模式駕駛艙有兩種訪問模式：受限訪問：這是駕駛艙的默認訪問模式。在這種存取模式下，您無法從駕駛艙Web用戶

使用Python實現XML中的資料校驗 Aug 10, 2023 pm 01:37 PM

使用Python實現XML中的資料校驗引言：在現實生活中，我們經常會處理各種各樣的數據，其中XML（可擴展標記語言）是一種常用的數據格式。 XML具有良好的可讀性和可擴充性，廣泛應用於各種領域，如資料交換、設定檔等。在處理XML資料時，我們經常需要對資料進行校驗，以確保資料的完整性和正確性。本文將介紹如何使用Python實現XML中的資料校驗，並給予對應的

如何使用 PHP 函數處理 XML 資料？ May 05, 2024 am 09:15 AM

使用PHPXML函數處理XML資料：解析XML資料：simplexml_load_file()和simplexml_load_string()載入XML檔案或字串。存取XML資料：利用SimpleXML物件的屬性和方法來取得元素名稱、屬性值和子元素。修改XML資料：使用addChild()和addAttribute()方法新增元素和屬性。序列化XML資料：asXML()方法將SimpleXML物件轉換為XML字串。實戰案例：解析產品饋送XML，提取產品信息，轉換並將其儲存到資料庫中。

在Java中使用Jackson函式庫將POJO轉換為XML？ Sep 18, 2023 pm 02:21 PM

Jackson是一個基於Java的函式庫，它對於將Java物件轉換為JSON以及將JSON轉換為Java物件非常有用。 JacksonAPI比其他API更快，需要更少的記憶體區域，並且適合大型物件。我們使用XmlMapper類別的writeValueAsString()方法將POJO轉換為XML格式，並且需要將對應的POJO實例作為參數傳遞給此方法。語法publicStringwriteValueAsString(Objectvalue)throwsJsonProcessingException範例imp

See all articles

Web設計中如何使用XML資料來源物件詳細介紹

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題