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 相关文章推荐
控制打印时页眉角的代码
Feb 08 Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
js 触发select onchange事件代码
Mar 20 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
Dec 16 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
你了解vue3.0响应式数据怎么实现吗
Jun 07 Javascript
webpack DllPlugin xxx is not defined解决办法
Dec 13 Javascript
让Vue响应Map或Set的变化操作
Nov 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的session cookie错误
2009/08/09 PHP
屏蔽机器人从你的网站搜取email地址的php代码
2012/11/14 PHP
Codeigniter+PHPExcel实现导出数据到Excel文件
2014/06/12 PHP
PHP合并静态文件详解
2014/11/14 PHP
thinkPHP实现表单自动验证
2014/12/24 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
JavaScript高级程序设计
2006/12/29 Javascript
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
javascript移动设备Web开发中对touch事件的封装实例
2014/06/05 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
php+ajax+jquery实现点击加载更多内容
2015/05/03 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
2016/10/30 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
JQuery.dataTables表格插件添加跳转到指定页
2017/06/09 jQuery
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
简单说说angular.json文件的使用
2018/10/29 Javascript
Python logging模块学习笔记
2014/05/24 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
python变量赋值方法(可变与不可变)
2019/01/12 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
AOP的定义以及作用
2013/09/08 面试题
文员个人求职自荐信
2013/09/21 职场文书
毕业设计计划书
2014/01/09 职场文书
表扬信格式
2014/01/12 职场文书
学习型党组织建设经验材料
2014/05/26 职场文书
大班亲子运动会方案
2014/06/10 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS