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 相关文章推荐
IE和Firefox的Javascript兼容性总结[推荐收藏]
Oct 19 Javascript
js控制web打印(局部打印)方法整理
May 29 Javascript
js实现固定显示区域内自动缩放图片的方法
Jul 18 Javascript
javascript基础语法学习笔记
Jan 04 Javascript
jQuery EasyUI 获取tabs的实例解析
Dec 06 Javascript
layui导航栏实现代码
May 19 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
解决layui前端框架 form表单,table表等内置控件不显示的问题
Aug 19 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 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中的类型提示(type hinting)功能介绍
2015/07/01 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
js TextArea的选中区域处理
2010/12/28 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
jquery比较简洁的软键盘特效实现方法
2015/03/19 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
2015/05/01 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
JS基于递归实现倒计时效果的方法
2016/11/26 Javascript
canvas实现动态小球重叠效果
2017/02/06 Javascript
JavaScript累加、迭代、穷举、递归等常用算法实例小结
2018/05/08 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
Vue项目引进ElementUI组件的方法
2018/11/11 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
vue3.0中使用element的完整步骤
2021/03/04 Vue.js
python实现分析apache和nginx日志文件并输出访客ip列表的方法
2015/04/04 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
python能做什么 python的含义
2019/10/12 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
函授毕业生自我鉴定
2013/11/06 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
水电工岗位职责
2015/02/14 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
休假证明书
2015/06/24 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
Oracle中update和select 关联操作
2022/01/18 Oracle
Python与C++中梯度方向直方图的实现
2022/03/17 Python
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers