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

SainsburyHedda · 发布于 2017-01-11 · 字数3120 · 浏览 859 · 评论 0

代码如下:

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

本文系作者 SainsburyHedda 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2016-02-22Elapse开源免费轻量级的JavaScript模版引擎
  • 2016-12-02FlyJSONP轻量级的跨域AJAX请求插件
  • 2016-05-16搞定这10招!助你成功转型自由职业
  • 2016-05-16经验分享!做好数据可视化设计的五个重要因素
  • 2016-03-08CSS3新加入的伪类选择器介绍
  • 2016-06-18Apache使用mod_limitipconn模块限制并发
  • 2016-06-25分享50组使用纯CSS代码绘制的图标
  • 2016-07-06Java中面向对象的封装和继承以及多态
  • 发布评论

    为您推荐

    十分钟搞清字符集和字符编码
    问说网 · 发布于 2016-07-15

    十分钟搞清字符集和字符编码

    在介绍字符集之前,我们先了解下为什么要有字符集。我们在计算机屏幕上看到的是实体化的文字,而在计算机存储介质中存放的实际是二进制的比特流。

    问说网 · 发布于 2016-12-02

    FlyJSONP轻量级的跨域AJAX请求插件

    FlyJSONP是一个JavaScript库,用于实现跨域GET和POST请求服务,支持JSONP,并取得一个JSON格式的数据响应,这个Library具有易于…

    问说网 · 发布于 2015-08-08

    C语言的设计模式之面向对象机制的实现

    为什么要用C来模拟面向对象的机制,在实际的工作中我们往往在感慨一些面向对象的经典设计模式由于C语言的限制无法使用,其实通过简单的模拟面向对象的行为,在C语言中也…

    问说网 · 发布于 2016-03-23

    Source Insight宏语言实践

    Source Insight 作为一款优秀的代码浏览和编辑器应用十分广泛,对于一些重复使用的功能,我们可以定义相关的宏来提高开发效率。

    问说网 · 发布于 2016-12-02

    Response JS创建高性能的支持移动设备的网站

    Response JS 是一个轻量级的 jQuery 插件,用来创建高性能的支持移动设备的网站。它提供了一套语法用来根据不同的设备环境动态替换HTML代码。例如…

    SweetTooltip基于jQuery和CSS3链接工具提示插件
    问说网 · 发布于 2016-07-01

    SweetTooltip基于jQuery和CSS3链接工具提示插件

    SweetTooltip 工具提示是一个基于jQuery和CSS3的工具提示,它不仅仅是一个风格,而是有七种风格。这种无背景图风格的工具提示制作使用线性梯度,阴…

    Vincent · 发布于 2016-07-06

    Java Web的安全验证机制

    部署描述符中的security-constraint元素允许不通过编程就可以限制对某个资源的访问。

    SVN
    Vincent · 发布于 2016-07-06

    SVN

    下载 Subversion(SVN服务端): 下载地址1 下载地址2 TortoiseSVN(SVN客户端): 下载地址1 下载地址2   安装 SV…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    SainsburyHedda

    曾经以为我这辈子 绝对不会羡慕别人可是如今我每日都会用羡慕的眼光去 羡慕 嫉妒别人长大了 孤单了 沉默了 再也回不去了

    97 文章
    0 评论
    973 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 2806

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 2629

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 2708

    图片素材

    关注 图片素材

    文章 29463 · 浏览 2150

    高清图片

    关注 高清图片

    文章 26530 · 浏览 2364

    更多 推荐作者

    关注 秋末残雪

    文章 106 · 评论 0

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 惢碎葬爱

    文章 96 · 评论 0

    关注 怎麽继续

    文章 90 · 评论 2

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 溫柔的溫柔

    文章 91 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!