1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2

<html>
3

<head>
4

<title> 原型頁面 </title>
9

<!--
11

var newsXML;
12

function init(){
13

newsXML = new ActiveXObject("microsoft.XMLDOM"); //創(chuàng)建XMLDOM對(duì)象，用以通過文件系統(tǒng)或者h(yuǎn)ttp連接訪問xml文件
14

newsXML.async= true; //規(guī)定XMLDOM對(duì)象采用異步方式加載數(shù)據(jù)
15

newsXML.onreadystatechange= handleXML; //指定加載到xml之后采用那個(gè)函數(shù)來處理xml數(shù)據(jù)
16

newsXML.load("news.xml"); //開始裝載xml數(shù)據(jù)
17

}
18

function handleXML(){
19

if(newsXML.readyState==4)
20

document.body.innerHTML=newsXML.getElementsByTagName("data")[0].text;
21

}
22

23

//-->
24

</script>
25

</head>
26

<body onload="init()">
27

</body>
28

</html>

1

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

<data>
3

焦點(diǎn)|工行小額賬戶明年收費(fèi) 不足300元要?dú)w并<br />
4

財(cái)經(jīng)|"神六"飛行開銷僅為美航天飛機(jī)4.5% 花9億<br />
5

財(cái)經(jīng)|2005能源富豪榜揭榜超市要撤致癌保鮮膜<br />
6

證券|神六催生高價(jià)股 MBO公司股改高管一夜暴富<br />
7

證券|保險(xiǎn)公司告基金利益輸送科龍管理班子亮相 <br />
8

科技|神六飛船成功著陸載人飛行取得圓滿成功<br />
9

關(guān)注|索尼中國(guó)不裁員夏普與南京熊貓分道揚(yáng)鑣 <br />
10

熱點(diǎn)|北電任命新總裁兼CEO 索愛發(fā)布第三季財(cái)報(bào)<br />
11

數(shù)碼|300萬像素手機(jī)推薦最有降價(jià)潛力手機(jī)導(dǎo)購(gòu)<br />
12

測(cè)評(píng)|近期五大DC跳水王怪模怪樣個(gè)性手機(jī)推薦<br />
13

探索|亞歷山大古城的文化歷史勝利者改寫歷史 <br />
14

</data>

放到同一目錄下就可以使用了，XML中包含的內(nèi)容由HTML來顯示。AJAX最基本原則就是內(nèi)容與控制的分離。

下面的是任何瀏覽器都支持的格式，放到Tomcat中就可以看到效果。

1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2

<html>
3

<head>
4

<title> Ajax裸奔-步驟7 </title>
9

<!--
11

var newsXML;
12

function init(){
13

newsXML = window.XMLHttpRequest?(new XMLHttpRequest()):(new ActiveXObject("Microsoft.XMLHTTP"));//選擇合適的xmlhttprequest控件
14

newsXML.onreadystatechange= handleXML;
15

newsXML.open("GET","news.xml",true);
16

newsXML.send(null);
17

}
18

function handleXML(){
19

if(newsXML.readyState==4){
20

var x = newsXML.responseXML.getElementsByTagName("data")[0];
21

document.body.innerHTML=x.text?x.text:x.textContent;//不同的xmlhttprequest控件有不同的用法。
22

}
23

}
24

//-->
25

</script>
26

</head>
27

<body onload="init()">
28

</body>
29

</html>

posted on 2008-01-25 18:51 湘江夜游神閱讀(173) 評(píng)論(0) 編輯收藏所屬分類: AJAX

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理

<

2008年1月

>

日

一

二

三

四

五

六

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

留言簿(5)

隨筆分類

隨筆檔案

文章分類

文章檔案

新聞分類

最新評(píng)論