界面
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 >
< title > this is test </ title >
< script type ="text/javascript" >
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.blogjava.net/rss.aspx')" > blogjava原创区 </ a >  
< a href ="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')" > blogjava新手区 </ a >  
< a href ="javascript:readRSS('http://life.blogjava.net/rss.aspx')" > blogjava非技术区 </ a >  
< a href ="javascript:readRSS('http://general.blogjava.net/rss.aspx')" > 综合区 </ a >
< br >
输入一个RSS地址: < input type ="text" value ="http://www.blogjava.net/wujun/rss.aspx" size =50 id ="txturl" >
< input type ="button" value ="查 看" onclick ="readrss1()" >
</ form >
< div id ="result" ></ div >
</ body >
</ html >
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > this is test </ title >
< script type ="text/javascript" >
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.blogjava.net/rss.aspx')" > blogjava原创区 </ a >  
< a href ="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')" > blogjava新手区 </ a >  
< a href ="javascript:readRSS('http://life.blogjava.net/rss.aspx')" > blogjava非技术区 </ a >  
< a href ="javascript:readRSS('http://general.blogjava.net/rss.aspx')" > 综合区 </ a >
< br >
输入一个RSS地址: < input type ="text" value ="http://www.blogjava.net/wujun/rss.aspx" size =50 id ="txturl" >
< input type ="button" value ="查 看" onclick ="readrss1()" >
</ form >
< div id ="result" ></ div >
</ body >
</ html >
输出结果:
http://www.blogjava.net/wujun/archive/2006/06/30/56016.html