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"); //創建XMLDOM對象，用以通過文件系統或者http連接訪問xml文件
14

newsXML.async= true; //規定XMLDOM對象采用異步方式加載數據
15

newsXML.onreadystatechange= handleXML; //指定加載到xml之后采用那個函數來處理xml數據
16

newsXML.load("news.xml"); //開始裝載xml數據
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

焦點|工行小額賬戶明年收費不足300元要歸并<br />
4

財經|"神六"飛行開銷僅為美航天飛機4.5% 花9億<br />
5

財經|2005能源富豪榜揭榜超市要撤致癌保鮮膜<br />
6

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

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

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

關注|索尼中國不裁員夏普與南京熊貓分道揚鑣 <br />
10

熱點|北電任命新總裁兼CEO 索愛發布第三季財報<br />
11

數碼|300萬像素手機推薦最有降價潛力手機導購<br />
12

測評|近期五大DC跳水王怪模怪樣個性手機推薦<br />
13

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

</data>

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

下面的是任何瀏覽器都支持的格式，放到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) 評論(0) 編輯收藏所屬分類: AJAX

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 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)

隨筆分類

隨筆檔案

文章分類

文章檔案

新聞分類

最新評論