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 相关文章推荐
仿百度的关键词匹配搜索示例
Sep 25 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
基于vue如何发布一个npm包的方法步骤
May 15 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 Javascript
原生JavaScript实现留言板
Jan 10 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
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
2010/11/11 Javascript
基于Jquery的文字自动截取(提供源代码)
2011/08/09 Javascript
js中判断用户输入的值是否为空的简单实例
2013/12/23 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
JavaScript常用脚本汇总(一)
2015/03/04 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
2016/11/01 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
JS查找孩子节点简单示例
2019/07/25 Javascript
解析Python中的异常处理
2015/04/28 Python
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
Python利用ElementTree模块处理XML的方法详解
2017/08/31 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
python 多个参数不为空校验方法
2019/02/14 Python
python下载微信公众号相关文章
2019/02/26 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
丝芙兰美国官网:SEPHORA美国
2016/08/03 全球购物
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
医药专业推荐信
2013/11/15 职场文书
《雷雨》教学反思
2014/02/20 职场文书
初三学生个人自我评定
2014/04/06 职场文书
2016银行求职自荐信
2016/01/28 职场文书
合作合同协议书
2016/03/21 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书