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 相关文章推荐
从sohu弄下来的flash中展示图片的代码
Apr 27 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
React-router中结合webpack实现按需加载实例
May 25 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
详解Vue前端生产环境发布配置实战篇
May 07 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 Javascript
微信小程序整个页面的自动适应布局的实现
Jul 12 Javascript
js+css3实现炫酷时钟
Aug 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脚本
2006/11/26 PHP
php分页代码学习示例分享
2014/02/20 PHP
PHP设计模式之命令模式示例详解
2020/12/20 PHP
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
JavaScript新窗口与子窗口传值详解
2014/02/11 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
使用Node.js实现ORM的一种思路详解(图文)
2017/10/24 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
python创建和使用字典实例详解
2013/11/01 Python
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
Python基于DES算法加密解密实例
2015/06/03 Python
浅析Python中return和finally共同挖的坑
2017/08/18 Python
TensorFlow实现Logistic回归
2018/09/07 Python
用Python编写一个简单的CS架构后门的方法
2018/11/20 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
python import 上级目录的导入
2020/11/03 Python
详解pandas映射与数据转换
2021/01/22 Python
python实现学生信息管理系统源码
2021/02/22 Python
土木建筑学生自我评价
2014/01/14 职场文书
公司贷款承诺书
2014/05/30 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
周一给客户的问候语
2015/11/10 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python
总结一些Java常用的加密算法
2021/06/11 Java/Android
python Django框架快速入门教程(后台管理)
2021/07/21 Python
vue route新窗口跳转页面并且携带与接收参数
2022/04/10 Vue.js