AJAX學習基礎:簡單介紹資料島使用方法

來源:互聯網
上載者:User
    資料島指的是存在Html網頁中的xml程式碼片段,它在Html中形成了一個資料的集合,資料島允許我們在Html網頁中整合xml,
對xml編寫指令碼.
    資料島有它特有的形式,由標記xml開始,在開始標記中要有一個ID屬性,用於指定該指定資料島的名稱。 (當然要以/xml
結束).元素xml包含的內容就是xml代碼。資料島也分為2種:
    1)內嵌的資料島形式
    2)外嵌的資料島形式
    說了那麼多廢話,還是瞭解以下如何對資料島的節點進行訪問和操作,畢竟在Html中使用xml才是我們需要關注的。下面進
入正題:
    由於資料島的屬性結構,訪問資料島類似於訪問文檔對象,xml文檔對象是指一個擁有屬性和方法的對象,我們利用這些屬性
和方法來訪問和處理xml文檔,當一個xml資料島被讀取和解析的時候,就會建立一個xml文檔對象
    1)資料島對象 
使用< xml id="xmlName" src="xmlUrl.xml" > 中id的值就可以建立資料島對象,資料島對象主要獲得xml檔案的一些資訊
屬性:Tagname -獲得標籤的名稱 ,也就是"xml"這個字串
      Text    -獲得資料島中的所有資料
      url     -xml的絕對路徑(僅對於外嵌的資料島,才可以利用url來獲得讀取xml檔案的url路徑和名稱)
    2)結點的操作
 1:根結點
 可以使用DocumentElement屬性來訪問資料島的根項目
 屬性:Tagname --得到標籤的名稱
       Text    --得到資料區段落中除了標籤名外的所有資料
       GetAttribut -- 得到節點的屬性值,如果有多個屬性,可以使用Attributes.Item(index)方法得到所需要的屬性,
從0開始
    2:子節點
    可以使用DocumentElement.childNodes.Item(Index)來訪問各個子結點
   (註:子節點也有Tagname和Text2個屬性訪問,意義參考根結點的內容,此外可以用Length來獲得子節點的數目)
下面是一個簡單一實例,將xml通過資料島用Html顯示出來



<學生管理>
 <學生>
  <學號>97001學號>
  <姓名>張三姓名>
  <性別>男性別>
  <籍貫>浙江籍貫>
 學生>
 <學生>
  <學號>97002學號>
  <姓名>李四姓名>
  <性別>男性別>
  <籍貫>浙江籍貫>
 學生>
 <學生>
  <學號>97005學號>
  <姓名>經典邂逅姓名>
  <性別>女性別>
  <籍貫>廣東籍貫>
 學生>
學生管理>

這個xml 儲存為stu.xml,和下面的html放到同一級檔案夾下
下面用外嵌的資料島來顯示xml檔案


<html>            <head>            <title> 資料島的顯示  </title>            </head>            <body>            <xml id="stu" src="stu.xml"></xml>            <h2>學生資訊管理</h2>            <table DATASRC=#stu border="1">            <thead>            <th>學號</th>            <th>姓名</th>            <th>性別</th>            <th>籍貫</th>            </thead>            <tr>            <td>            <div DATAFLD="學號">            </td>            <td>            <div DATAFLD="姓名">            </td>            <td>            <div DATAFLD="性別">            </td>            <td>            <div DATAFLD="籍貫">            </td>            </tr>            </table>            </body>            </html>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.