-------------------------------------------- ------------------------------------
從XML文件開始
首先我們建立一個簡單的XML文件。
來看我們原始的XML文檔,描述了CD目錄。
<?xml version="1.0" encoding="ISO-8859-1"?> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD>
.
.
... more ...
.
------------------ -------------------------------------------------- ------------
將XML文件載入資料島
資料島可以存取XML檔案。
透過資料島,可以把XML文件引入HTML頁面中。
<xml src="cd_catalog.xml" id="xmldso" async="false"> </xml>
使用上面範例程式碼,可以把cd_catalog.xml檔案載入一個叫做"xmldso"的資料島中。 屬性async="false"的作用是在HTML處理器開始處理XML資料以前,必須確保XML文件中的所有資料都被載入到記憶體中。
-------------------------------------------- ------------------------------------
把XML資料綁定到HTML的表格元素中
HTML中的table元素可以用來顯示XML資料。
為了讓你的XML資料能在HTML頁面中顯示出來,必須把的資料島綁定到一個HTML元素上。
把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>
---------- -------------------------------------------------- --------------------
把資料島綁定到45a2772a6b6107b401db3c9b82c049c2 或e388a4556c0f65e1904146cc1a846bee 元素上
45a2772a6b6107b401db3c9b82c049c2或e388a4556c0f65e1904146cc1a846bee元素都可以用來顯示XML資料。
沒有必要使用table元素來顯示XML數據,數據可以透過數據島綁定到任何一個HTML元素上。
要做的就是在你得頁面中加入一些45a2772a6b6107b401db3c9b82c049c2 或e388a4556c0f65e1904146cc1a846bee元素,使用資料資源屬性把每一個元素和XML文檔元素綁定起來,就像下面這樣:
<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: <p datasrc="#xmldso" datafld="TITLE"></p> <br />Artist: <p datasrc="#xmldso" datafld="ARTIST"></p> <br />Year: <p datasrc="#xmldso" datafld="YEAR"></p>
注意如果你使用e388a4556c0f65e1904146cc1a846bee元素,資料將會顯示在新的一行裡。
上面的例子,可以看到XML資料都顯示在一行裡。如果要控制資料換行,就必須在你的程式碼裡加入一些腳本程式。
-------------------------------------------- ------------------------------------
為你的XML資料加上導航腳本
可以透過腳本程式來實現導航功能。
新增資料島方法,使用腳本函數movenext() 和 moveprevious() 來實作導覽功能。
<script type="text/javascript"> function movenext() { x=xmldso.recordset if (x.absoluteposition < x.recordcount) { x.movenext() } } function moveprevious() { x=xmldso.recordset if (x.absoluteposition > 1) { x.moveprevious() } } </script>
------------------------------------------- -------------------------------------
小結
如果你有創造力的話就可以寫出非常完善的應用程式。
如果你使用在這一頁中學到的知識,在發揮一下想像力,就可以輕易的創造出完善的應用程式。
以上是xml應用的範例程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!