提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

用ajax实现读博客rss示例代码

博客AJAX代码 实现 示例 RSS
2023-06-13 09:15:26 时间
复制代码代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>thisistest</title>

<scripttype="text/javascript">
varxmlHttp;

functioncreateXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}
elseif(window.XMLHttpRequest){
xmlHttp=newXMLHttpRequest();
}
}

functionreadRSS(url){
createXMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);


}

functionhandleStateChange(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
ResultSet();
}
}
}

functionResultSet(){
varresults=xmlHttp.responseXML;
vartitle=null;
varitem=null;
varlink=null;
//得到channel
varccc=results.getElementsByTagName("channel");
varheadtitle=ccc[0].getElementsByTagName("title")[0].firstChild.nodeValue;
varheadlink=ccc[0].getElementsByTagName("link")[0].firstChild.nodeValue;
varcell=document.createElement("div");
cell.innerHTML="<h1><ahref="+headlink+"target=_blank>"+headtitle+"</a></h1>
";
document.getElementById("result").appendChild(cell);
//得到items
varitems=results.getElementsByTagName("item");
for(vari=0;i<items.length;i++){
item=items[i];
link=item.getElementsByTagName("link")[0].firstChild.nodeValue;
title=item.getElementsByTagName("title")[0].firstChild.nodeValue;
varcell=document.createElement("div");
cell.innerHTML="<ahref="+link+"target=_blank>"+title+"</a>
";
document.getElementById("result").appendChild(cell);
}

}
functionreadrss1()
{
varurl=document.getElementById("txturl").value;
if(url=="")
{
alert("请输入RSS地址");
}
else
{
readRSS(url);
}
}

</script>
</head>

<body">
<h1>ajax读rss示例</h1>
<form>

<ahref="javascript:readRSS("http://www.blogjava.net/rss.aspx")">blogjava原创区</a>
<ahref="javascript:readRSS("http://beginner.blogjava.net/rss.aspx")">blogjava新手区</a>
<ahref="javascript:readRSS("http://life.blogjava.net/rss.aspx")">blogjava非技术区</a>
<ahref="javascript:readRSS("http://general.blogjava.net/rss.aspx")">综合区</a>


输入一个RSS地址:<inputtype="text"value="http://www.blogjava.net/wujun/rss.aspx"size=50id="txturl">
<inputtype="button"value="查看"onclick="readrss1()">

</form>
<divid="result"></div>
</body>
</html>

相关文章