DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> Web設計中如何使用XML數據2
Web設計中如何使用XML數據2
編輯:XML詳解     
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="http://www.blue1000.com/article/#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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved