ajax讀博客rss示例

界面

ajax讀rss示例

blogjava原創區 ? blogjava新手區 ? blogjava非技術區 ? 綜合區
輸入一個RSS地址:

代碼:

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

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

<html?xmlns="http://www.w3.org/1999/xhtml">

<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?

?????<a?href="javascript:readRSS('http://general.blogjava.net/rss.aspx')">綜合區?</a>

?????<br>

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

?????<input?type="button"?value="查?看"?onclick="readrss1()">

?????

??</form>

????<div?id="result"></div>

</body>

</html>

輸出結果：
http://www.aygfsteel.com/wujun/archive/2006/06/30/56016.html

ajax自動加載blogjava和博客園的rss
http://www.aygfsteel.com/wujun/archive/2006/07/03/56355.html

posted on 2006-07-01 17:33 record java and net 閱讀(1971) 評論(1) 編輯收藏所屬分類: AJAX


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 關于ajax框架的一些鏈接 RSS and AJAX: A Simple News Reader 【關注】ajaxnet4j DOM對象簡單使用客戶端表單通用驗證CheckForm javascript常用到的一些方法 ajax自動加載blogjava和博客園的rss ajax讀博客rss示例 ajax讀取blog rss [blogjava-2006-06-30的rss] prototype.js

# re: ajax讀博客rss示例 2006-07-04 19:07 Alex

blogjava's web log

ajax讀博客rss示例

界面

ajax讀rss示例

評論

導航

常用鏈接

留言簿(44)

新聞檔案

2.動態語言

3.工具箱

9.文檔教程

友情鏈接

搜索

最新評論