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 相关文章推荐
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
Sep 29 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
May 06 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
angular十大常见问题
Mar 07 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
微信小程序 获取javascript 里的数据
Aug 17 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
浅析JS中什么是自定义react数据验证组件
Oct 19 Javascript
微信小程序webview 脚手架使用详解
Jul 22 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 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
php中数据的批量导入(csv文件)
2006/10/09 PHP
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
理解Javascript_10_对象模型
2010/10/16 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
JS简单实现文件上传实例代码(无需插件)
2013/11/15 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
2016/04/27 Javascript
jquery——九宫格大转盘抽奖实例
2017/01/16 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
2017/01/21 Javascript
js实现九宫格拼图小游戏
2017/02/13 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
[00:56]PWL开团时刻DAY8——追追追追追!
2020/11/09 DOTA
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
Python队列的定义与使用方法示例
2017/06/24 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
Python实现购物车购物小程序
2018/04/18 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
python实现图片九宫格分割
2021/03/07 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
Python的bit_length函数来二进制的位数方法
2019/08/27 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
Python几种常见算法汇总
2020/06/02 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
html5教程制作简单画板代码分享
2013/12/04 HTML / CSS
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
实习鉴定评语
2014/01/19 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
矛盾论读书笔记
2015/06/29 职场文书
反邪教教育心得体会
2016/01/15 职场文书