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 相关文章推荐
JTrackBar水平拖动效果
Jul 15 Javascript
JavaScript加密解密7种方法总结分析
Oct 07 Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
详解js中call与apply关键字的作用
Nov 21 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
JS原生瀑布流效果实现
Apr 26 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
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
简单采集了yahoo的一些数据
2007/02/14 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
php创建多级目录的方法
2015/03/24 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
如何使Chrome控制台支持多行js模式——意外发现
2013/06/13 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
Nodejs极简入门教程(二):定时器
2014/10/25 NodeJs
Javascript数组与字典用法分析
2014/12/13 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
vue实现跨域的方法分析
2019/05/21 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
微信小程序后端(java)开发流程的详细步骤
2019/11/13 Javascript
Python批量按比例缩小图片脚本分享
2015/05/21 Python
详解Django中的form库的使用
2015/07/18 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
Python Excel vlookup函数实现过程解析
2020/06/22 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
澳大利亚婴儿、幼儿和儿童在线设计师商店:Smooch Baby
2019/02/16 全球购物
高级Java程序员面试题
2016/06/23 面试题
如何通过jdbc调用存储过程
2012/04/19 面试题
自我鉴定总结
2014/03/24 职场文书
绘画专业自荐信
2014/07/04 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
音乐会主持人开场白
2015/05/28 职场文书
生日赠语
2015/06/23 职场文书
MySQL 如何限制一张表的记录数
2021/09/14 MySQL
Win11远程连接不上怎么办?Win11远程桌面用不了的解决方法
2022/08/05 数码科技