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

SainsburyHedda · 发布于 2017-01-11 · 字数3120 · 浏览 832 · 评论 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 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2017-01-19用JavaScript实现给出的盒子的序列是否可连为一矩型
  • 2016-02-22Elapse开源免费轻量级的JavaScript模版引擎
  • 2016-03-31JavaScript获取标签的方法及兼容处理
  • 2016-04-29设计经典商标的六大原则
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-06-22FTP被动/主动模式介绍和FTP工具设置方法
  • 2016-06-24HTTP协议(HyperText Transfer Protocol)
  • 2016-07-05环境搭建:php7.0.8 + Apache2.4 + MySQL5.7.13 + phpMyAdmin4.6.3
  • 发布评论

    为您推荐

    问说网 · 发布于 2014-11-13

    在 HTML5 画布上绘图

    画布是一个绘图界面,用于呈现和动态显示图形元素,如矩形区域和位图图像。这些元素的操作使用脚本语言(通常是 JavaScript)完成。HTML5 的 canva…

    使用Bootstrap框架创建登录页面

    Bootstrap可以说是最好用的前端开发框架,但是有些人可能不知道如何入手,没关系,今天的这篇文章将手把手教你如何用Bootstrap 3创建一个简单登陆页的…

    • 使用Bootstrap框架创建登录页面
    • 使用Bootstrap框架创建登录页面
    • 使用Bootstrap框架创建登录页面
    • 使用Bootstrap框架创建登录页面
    问说网 · 发布于 2015-04-27 · 浏览 8286 · 评论 0
    问说网 · 发布于 2015-09-01

    在JavaScript避免创建多余的变量和代码

    JavaScript可以说是当今使用最为广泛的语言,虽然是客户端浏览器脚本,但是使用JavaScript可以完成很多意想不到的效果,由于编程人员的良莠不齐,会出…

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

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

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

    问说网 · 发布于 2016-05-19

    jQuery.superLabels输入框文本动画提示插件

    jQuery.superLabels 是一个实现了表单中输入框中的提示文本的动态效果,当文本框获取焦点以后,里面的提示文本会动画移动到右边,然后颜色会变浅。

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

    jQuery NailThumb高分辨率缩略图显示插件

    jQuery NailThumb 可让你轻松创建高分辨率图像的无损缩略图,只需一行代码搞定。你可以通过 CSS 来设定缩略图的尺寸,jQuery NailThu…

    Kalendae轻量级时间日期选择JavaScript插件
    问说网 · 发布于 2016-06-14

    Kalendae轻量级时间日期选择JavaScript插件

    Kalendae是一个轻量级的时间日期选择JavaScript插件,这是一个独立的插件,不依赖任何第三方插件库,使用简单方便,完美支持日期的年月日选择。

    问说网 · 发布于 2016-06-30

    ESLint开源的JavaScript和JSX验证工具

    ESLint 是一个开源的JavaScript验证工具,相比JSLint,ESLint具有可配置性。ESLint搭配 Node.js 或 io.js 可以在Wi…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    SainsburyHedda

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

    97 文章
    0 评论
    973 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 1809

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 1743

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 1750

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1249

    高清图片

    关注 高清图片

    文章 26530 · 浏览 1447

    更多 推荐作者

    关注 秋末残雪

    文章 106 · 评论 0

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 惢碎葬爱

    文章 96 · 评论 0

    关注 怎麽继续

    文章 90 · 评论 2

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    顶部 反馈 评论 底部

    意见反馈

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

    您的反馈我们已收到!

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