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 入门基础学习
Mar 10 Javascript
js 金额文本框实现代码
Feb 14 Javascript
js调试工具console.log()方法查看js代码的执行情况
Aug 08 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
vue element-ui table表格滚动加载方法
Mar 02 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 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中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
PHP5中的时间相差8小时的解决办法
2008/03/28 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
PHP 表单提交及处理表单数据详解及实例
2016/12/27 PHP
鼠标经过的文本框textbox变色
2009/05/21 Javascript
10个基于Jquery的幻灯片插件教程
2010/10/29 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
2013/05/19 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
node.js中的fs.closeSync方法使用说明
2014/12/17 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
2020/08/03 Javascript
Python selenium文件上传方法汇总
2020/11/19 Python
python批量替换页眉页脚实例代码
2018/01/22 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
在Python IDLE 下调用anaconda中的库教程
2020/03/09 Python
Pandas的Apply函数具体使用
2020/07/21 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
美国体育用品商店:Rally House(NCAA、NFL、MLB、NBA、NHL和MLS)
2018/01/03 全球购物
计算机操作自荐信
2013/12/07 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
绩效工资实施方案
2014/03/15 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
干部考察材料范文
2014/12/24 职场文书
音乐之声观后感
2015/06/04 职场文书
初中生入团申请书范文(五篇)
2019/10/16 职场文书
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript