js使用ajax读博客rss示例


Posted in Javascript onMay 06, 2014
<!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>
Javascript 相关文章推荐
基于JQuery的Pager分页器实现代码
Jul 17 Javascript
2014 HTML5/CSS3热门动画特效TOP10
Dec 07 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
js前端实现图片懒加载(lazyload)的两种方式
Apr 24 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
原生JS封装_new函数实现new关键字的功能
Aug 12 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
用vscode开发vue应用的方法步骤
May 06 Javascript
vue2 中二级路由高亮问题及配置方法
Jun 10 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 Javascript
react项目从新建到部署的实现示例
Feb 19 Javascript
Android中的jQuery:AQuery简介
May 06 #Javascript
JavaScript获取table中某一列的值的方法
May 06 #Javascript
jQuery判断元素是否存在的可靠方法
May 06 #Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 #Javascript
简单的js图片轮换代码(js图片轮播)
May 06 #Javascript
jQuery is()函数用法3例
May 06 #Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 #Javascript
You might like
解析MySql与Java的时间类型
2013/06/22 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
客户端限制只能上传jpg格式图片的js代码
2010/12/09 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
Node.js 异步编程之 Callback介绍(一)
2015/03/30 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
2016/05/20 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
AngularJS实现标签页的两种方式
2016/09/05 Javascript
JS中parseInt()和map()用法分析
2016/12/16 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
Python实现的石头剪子布代码分享
2014/08/22 Python
分享Python字符串关键点
2015/12/13 Python
Python深度优先算法生成迷宫
2018/01/22 Python
Python统计单词出现的次数
2018/04/04 Python
python实现海螺图片的方法示例
2019/05/12 Python
详解python中的index函数用法
2019/08/06 Python
pandas中的数据去重处理的实现方法
2020/02/10 Python
python+selenium+PhantomJS抓取网页动态加载内容
2020/02/25 Python
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
奥地利手表、香水、化妆品和珠宝购物网站:Brasty.at
2021/01/17 全球购物
服务承诺书怎么写
2014/05/24 职场文书
群众路线查摆问题整改措施
2014/10/10 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
庆元旦主持词
2015/07/06 职场文书
小学数学国培研修日志
2015/11/13 职场文书
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python