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 相关文章推荐
javascript 无提示关闭窗口脚本
Aug 17 Javascript
20款效果非常棒的 jQuery 插件小结分享
Nov 18 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
Jan 16 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
Apr 02 Javascript
jquery的ajax跨域请求原理和示例
May 08 Javascript
node.js中的fs.unlinkSync方法使用说明
Dec 15 Javascript
jQuery中element选择器用法实例
Dec 29 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 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
提问的智慧
2006/10/09 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
2013/04/19 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
常用python数据类型转换函数总结
2014/03/11 Python
Python3计算三角形的面积代码
2017/12/18 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
Pytorch十九种损失函数的使用详解
2020/04/29 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
Python eval函数介绍及用法
2020/11/09 Python
python中使用np.delete()的实例方法
2021/02/01 Python
CSS3制作精致的照片墙特效
2016/06/07 HTML / CSS
HTML5中的新元素介绍
2008/10/17 HTML / CSS
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
说一下Linux下有关用户和组管理的命令
2016/01/04 面试题
自荐信结尾
2013/10/27 职场文书
中队活动总结
2014/08/27 职场文书
人口与计划生育责任书
2015/05/09 职场文书
会计主管竞聘书
2015/09/15 职场文书
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL
win10更新失败无限重启解决方法
2022/04/19 数码科技