posts - 104, comments - 34, trackbacks - 0

ajax讀rss示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

var xmlHttp;

function createXMLHttpRequest() {

if (window.ActiveXObject) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if (window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

}

function readRSS(url) {

createXMLHttpRequest();

xmlHttp.onreadystatechange = handleStateChange;

xmlHttp.open("GET", url, true);

xmlHttp.send(null);

}

function handleStateChange() {

if(xmlHttp.readyState == 4) {

if(xmlHttp.status == 200) {

ResultSet();

}

function ResultSet() {

var results = xmlHttp.responseXML;

var title = null;

var item = null;

var link=null;

//得到channel

var ccc=results.getElementsByTagName("channel");

var headtitle=ccc[0].getElementsByTagName("title")[0].firstChild.nodeValue;

var headlink=ccc[0].getElementsByTagName("link")[0].firstChild.nodeValue;

var cell = document.createElement("div");

cell.innerHTML="<h1><a href="+headlink+" target=_blank>"+headtitle+"</a></h1><br>";

document.getElementById("result").appendChild(cell);

//得到items

var items = results.getElementsByTagName("item");

for(var i = 0; i < items.length; i++) {

item = items[i];

link=item.getElementsByTagName("link")[0].firstChild.nodeValue;

title = item.getElementsByTagName("title")[0].firstChild.nodeValue;

var cell = document.createElement("div");

cell.innerHTML="<a href="+link+" target=_blank>"+title+"</a><br>";

document.getElementById("result").appendChild(cell);

}

function readrss1()

{

var url=document.getElementById("txturl").value;

if(url=="")

{

alert("請輸入RSS地址");

}

else

{

readRSS(url);

}

</script>

</head>

<body">

<h1>ajax讀rss示例</h1>

<form >

<a href="javascript:readRSS('http://www.aygfsteel.com/rss.aspx')">blogjava原創區 </a>&nbsp

<a href="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')">blogjava新手區 </a> &nbsp

<a href="javascript:readRSS('http://life.blogjava.net/rss.aspx')">blogjava非技術區 </a> &nbsp

<br>

輸入一個RSS地址:<input type="text" value="http://www.aygfsteel.com/wujun/rss.aspx" size=50 id="txturl">

</form>

</body>

</html>

posted on 2008-03-01 20:36 末日風情閱讀(380) 評論(0) 編輯收藏所屬分類: AJAX

新用戶注冊刷新評論列表


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: ajax讀rss示例 AJAX介紹--上手篇

<

2008年3月

>

日

一

二

三

四

五

六

24

25

26

27

28

29

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

常用鏈接

留言簿(4)

隨筆分類

隨筆檔案

搜索

最新評論

閱讀排行榜

評論排行榜