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 arguments 传递给函数的隐含参数
Aug 21 Javascript
浅谈javascript 面向对象编程
Oct 28 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
Node.js 数据加密传输浅析
Nov 16 Javascript
JavaScript运行原理分析
Feb 09 Javascript
js装饰设计模式学习心得
Feb 17 Javascript
深入了解响应式React Native Echarts组件
May 29 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
vue接口请求加密实例
Aug 11 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 nl2br()格式化输出的详解
2013/06/05 PHP
php获取汉字首字母的函数
2013/11/07 PHP
ThinkPHP 3.2.2实现事务操作的方法
2017/05/05 PHP
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
基于JavaScript代码实现自动生成表格
2016/06/15 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
2017/02/21 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
实现jquery放大镜的两种方法
2018/02/22 jQuery
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
vue中$nextTick的用法讲解
2019/01/17 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
jQuery/JS监听input输入框值变化实例
2019/10/17 jQuery
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
在Django的模型中添加自定义方法的示例
2015/07/21 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
pyenv命令管理多个Python版本
2017/03/26 Python
详解Python判定IP地址合法性的三种方法
2018/03/06 Python
Tensorflow限制CPU个数实例
2020/02/06 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
中间件分为哪几类
2016/09/18 面试题
门卫工作岗位职责
2013/12/17 职场文书
自行车广告词大全
2014/03/21 职场文书
校庆筹备方案
2014/03/30 职场文书
幼儿教师自我剖析材料
2014/09/29 职场文书
初中生考试作弊检讨书
2014/12/14 职场文书
公司内部升职自荐信
2015/03/27 职场文书
花木兰观后感
2015/06/10 职场文书
爱国主题班会教案
2015/08/14 职场文书
高中班长竞选稿
2015/11/20 职场文书