AJAX開發簡略續一 5

2021-04-02 23:06:28 字數 2244 閱讀 9062

e

、使用dom

操作xml

文件在資料表示方面,

xml文件更加結構化。

dom在支援

html

的基礎上提供了一系列的

api,支援針對

xml的訪問和操作。利用這些

api,我們可以從

xml中提取資訊,動態的建立這些資訊的

html

呈現文件。處理

xml文件,通常遵循「載入

xml文件

à提取資訊

à加工資訊à建立

html

文件」的過程。下面的例子演示了如何載入並處理

xml文件。

這個例子包含兩個

js函式。

loadxml()

負責載入

xml文件,其中既包含載入

xml文件的2級

dom**,又有實現同樣操作的

microsoft

專有api

**。需要提醒注意的是,文件載入過程不是瞬間完成的,所以對

loadxml()

的呼叫將在載入文件完成之前返回。因此,需要傳遞給

loadxml()

乙個引用,以便文件載入完成後呼叫。

例子中的另外乙個函式

maketable()

,則在xml

文件載入完畢之後,使用最後前介紹過的

dom應用程式設計介面讀取

xml文件資訊,並利用這些資訊形成乙個新的

table

**。

例子7 -- sample6_1.htm:

供讀取呼叫的

xml文件

– employees.xml:

<?xml version="1.0" encoding="gb2312"?>

programmer

32768

sales

70000

ceo100000

7.5、處理

xml文件 脫離

xml文件的

ajax

是不完整的。在本部分未完成之前,有讀者說

ajax

改名叫ajah(h

應該代表

html

吧)比較合適。應該承認,

xml文件在資料的結構化表示以及介面對接上有先天的優勢,但也不是所有的資料都應該用

xml表示。有些時候單純的文字表示可能會更合適。下面先舉個

ajax

處理返回

xml文件的例子再討論什麼時候使用

xml。

7.5.1

、處理返回的

xml

例子8 -- sample7_1.htm:

在這個例子中,我們採用之前確定的

ajax

開發框架,稍微修改一下

body

內容和processrequest

的相應方式,將先前的

employees.xml

的內容讀取出來並顯示。

body

的內容如下:

value="

讀取xml" onclick="send_request('employees.xml')">

processrequest()

方法修改如下:

// 處理返回資訊的函式

function processrequest()

alert(feedbackstr);

} else }

}執行一下,看來效果還不錯:

AJAX開發簡略續一 2

element常用的方法 方法 描述 getattribute 以字串形式返回指定屬性的值。getattributenode 以attr節點的形式返回指定屬性的值。getelementsbytabname 返回乙個node陣列,包含具有指定標記名的所有element節點的子孫節點,其順序為在文件中出...

AJAX開發簡略續一 3

例子2 sample3 2.htm 接下來使用firstchile lastchild nextsibling previoussibling遍歷整個文件樹。修改一下counttotalelement函式,其他跟sample3 1.htm一樣 function counttotalelement n...

AJAX開發簡略(3) 打雜的 新浪部落格

首先,它要檢查xmlhttprequest物件的readystate值,判斷請求目前的狀態。參照前文的屬性表可以知道,readystate值為4的時候,代表伺服器已經傳回所有的資訊,可以開始處理資訊並更新頁面內容了。如下 伺服器返回資訊後,還需要判斷返回的http狀態碼,確定返回的頁面沒有錯誤。所有...