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 模拟JQuery的Ready方法实现并出现的问题
Dec 06 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
Jquery让form表单异步提交代码实现
Nov 14 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
JavaScript 接口原理与用法实例详解
May 12 Javascript
vue.js封装switch开关组件的操作
Oct 26 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 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 清除网页病毒的方法
2008/12/05 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
js parsefloat parseint 转换函数
2010/01/21 Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
2010/01/22 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
2013/09/29 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
利用node.js搭建简单web服务器的方法教程
2017/02/20 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
vue项目中用cdn优化的方法
2018/01/03 Javascript
如何更好的编写js async函数
2018/05/13 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
2019/04/28 jQuery
Python多线程编程(二):启动线程的两种方法
2015/04/05 Python
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
跳蚤市场口号
2014/06/13 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
在酒桌上的敬酒词
2015/08/12 职场文书
HTML中的表单Form实现居中效果
2021/05/25 HTML / CSS
mysql连接查询中and与where的区别浅析
2021/07/01 MySQL