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 相关文章推荐
IE Firefox 使用自定义标签的区别
Oct 15 Javascript
基于jquery的固定表头和列头的代码
May 03 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
通过js获取div的background-image属性
Oct 15 Javascript
javascript禁制后退键(Backspace)实例代码
Nov 15 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
javascript获取flash版本号的方法
Nov 20 Javascript
jQuery控制Div拖拽效果完整实例分析
Apr 15 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
基于js的变量提升和函数提升(详解)
Sep 17 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
详解PHP中instanceof关键字及instanceof关键字有什么作用
2015/11/05 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
js中的push和join方法使用介绍
2013/10/08 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
JScript实现表格的简单操作
2017/08/15 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
JS实现简易留言板特效
2019/12/23 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
python数据结构树和二叉树简介
2014/04/29 Python
python爬虫基本知识
2018/03/05 Python
用Python实现读写锁的示例代码
2018/11/05 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
python实现FTP循环上传文件
2020/03/20 Python
Python测试框架:pytest学习笔记
2020/10/20 Python
python 如何引入协程和原理分析
2020/11/30 Python
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
信息工程学院毕业生推荐信
2013/11/05 职场文书
中考标语大全
2014/06/05 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
学校节水倡议书
2015/04/29 职场文书
《确定位置》教学反思
2016/02/18 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
2021/05/25 Vue.js
python index() 与 rindex() 方法的使用示例详解
2022/12/24 Python