DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> AJAX數據島使用方法
AJAX數據島使用方法
編輯:AJAX詳解     

數據島指的是存在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>


文章轉自Java中文網:http://www.Javaweb.cc/language/AJax/02349.sHtml

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved