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 相关文章推荐
基于jquery循环map功能的代码
Feb 26 Javascript
javascript中length属性的探索
Jul 31 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
jQuery处理xml格式的返回数据(实例解析)
Nov 28 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
Jul 06 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
Vue.js在使用中的一些注意知识点
Apr 29 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
angularJS1 url中携带参数的获取方法
Oct 09 Javascript
JS实现checkbox互斥(单选)功能示例
May 04 Javascript
如何在JavaScript中正确处理变量
Dec 25 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
网站当前的在线人数
2006/10/09 PHP
PHP Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
PHP常见错误提示含义解释(实用!值得收藏)
2016/04/25 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
Prototype使用指南之ajax
2007/01/10 Javascript
javscript对象原型的一些看法
2010/09/19 Javascript
JS的replace方法详细介绍
2012/11/09 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
js实现获取两个日期之间所有日期的方法
2016/06/17 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
详解webpack自定义loader初探
2018/08/29 Javascript
redux.js详解及基本使用
2019/05/24 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
2019/07/23 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
pandas全表查询定位某个值所在行列的方法
2018/04/12 Python
python处理excel绘制雷达图
2019/10/18 Python
Python如何使用bokeh包和geojson数据绘制地图
2020/03/21 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
网页中的电话号码如何实现一键直呼效果_附示例
2016/03/15 HTML / CSS
美体小铺加拿大官方网站:The Body Shop加拿大
2016/10/30 全球购物
百联网上商城:i百联
2017/01/28 全球购物
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题
MIS软件工程师的面试题
2016/04/22 面试题
软件项目实施计划书
2014/05/02 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话全文
2014/10/25 职场文书
销售员态度差检讨书
2014/10/26 职场文书
员工手册编写范本
2015/05/14 职场文书
2015年乡镇安全生产工作总结
2015/05/19 职场文书
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技