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 flash激活
Oct 19 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
Nov 19 Javascript
jquery五角星评分插件示例分享
Feb 21 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
js 自带的sort() 方法全面了解
Aug 16 Javascript
AngularJS封装$http.post()实例详解
May 06 Javascript
webpack-dev-server自动更新页面方法
Feb 22 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
layui动态渲染生成select的option值方法
Sep 23 Javascript
单线程JavaScript实现异步过程详解
May 19 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中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
JS操作图片(增,删,改) 例子
2013/04/17 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
2016/05/21 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
Node.js复制文件的方法示例
2016/12/29 Javascript
学习Vue组件实例
2018/04/28 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
JS定时器如何实现提交成功提示功能
2020/06/12 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
2020/08/25 Javascript
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
Python模块WSGI使用详解
2018/02/02 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
烹调加工管理制度
2014/02/04 职场文书
行政工作个人的自我评价
2014/02/13 职场文书
车队安全员岗位职责
2015/02/15 职场文书
教师继续教育反思周记
2015/06/25 职场文书
红歌会主持词
2015/07/02 职场文书
七年级作文之秋游
2019/10/21 职场文书
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
教你怎么用Python操作MySql数据库
2021/05/31 Python