主页 > 知识库 > 用ajax实现读博客rss示例代码

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

热门标签:服务器配置 Mysql连接数设置 电子围栏 科大讯飞语音识别系统 Linux服务器 银行业务 阿里云 团购网站
复制代码 代码如下:

!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>
";
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>
";
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>


输入一个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>

标签:枣庄 大理 衡水 广元 江苏 衢州 萍乡 蚌埠

巨人网络通讯声明:本文标题《用ajax实现读博客rss示例代码》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266