AJAX初级应用-RSS无刷新聚合器的代码与下载第1/3页

 更新时间:2007年03月10日 00:00:00   作者:  
rss.js
复制代码 代码如下:

<!--
//控制ID
function getId(objId){
    return document.getElementById(objId)
}
//链接对应数组,请注明转载自http://www.cnrui.cn/blog
function urlArrary(urlName){
    switch(urlName){
        case "clear":
            return "http://www.cnrui.cn/blog/feed.asp"
        case "a-fei":
            return "http://www.a-fei.net/blog/rss.xml"
        case "ryanxia":
            return "http://www.ryanxia.com/blog/feedrss2.asp"
        case "awflasher":
            return "http://www.awflasher.com/blog/feed.asp"
        case "seles":
            return "http://www.cnrui.cn/seles/feedrss2.asp"
        case "wawa":
            return "http://a-fei.net/wawa/blog/rss2.php"
        case "dreammx":
            return "http://www.dreammx.com/xhyl/feed.asp"
        default:
            return false
    }
}
//侧边栏控制,请注明自http://www.cnrui.cn/blog转载
function closebar(targetid,objId){
    if(document.getElementById){
        target = getId(targetid);
        objsty = getId(objId);
        if(target.style.display == "none"){
            target.style.display = "";
            main.style.width = "800px";
            objsty.innerHTML = "关闭侧边栏"
        }else{
            target.style.display = "none";
            main.style.width = "100%";
            objsty.innerHTML = "开启侧边栏"
        }
    }
}
//加载变灰,注明自http://www.cnrui.cn/blog转载
function listen(a){
    getId("prolist").className=a;
}
function btnSty(objId,objStyle)
{
    getId(objId).style.display = objStyle
}
//提示窗口控制
function ifodis(){
    btnSty("loadifo","none");
}
function settime(a){
    setTimeout(a,1000);
}
function loadtime(){
    getId("loadifo").innerHTML += "."
}
//数据入口
function ent(urlName){
    window.location.hash = urlName
    var frmUrl = saveState(urlName);//写入信息到ifream
    var gamestart = loadrss(urlName);//AJAX数据过程
}
//XML数据绑定
var xmldoc = false;
function loadrss(urlName){
    var myurl = urlArrary(urlName)
    if(myurl){
        listen("mainbg2");
    //生成随机数,同时限制刷新次数
        var Num=Math.floor(Math.random()*100);
    //定义往址参数
        url = myurl+"?id="+Num;
    //定义为异步传输模式
        xmldoc = false;
    //Mozill,Safari等浏览器时需要创建的XMLHttp类
        if(window.XMLHttpRequest){
            xmldoc = new XMLHttpRequest();
            if(xmldoc.overrideMimeType){
                    xmldoc.overrideMimeType('text/xml');
            }
        }
    //IE浏览器时创建的XMLHttp类
        else if(window.ActiveXObject){
            try{
                xmldoc = new ActiveXObject("Msxml3.XMLHTTP");
            }
            catch(e){
                try{
                    xmldoc = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e){
                    try{
                        xmldoc = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    catch(e){}
                }
            }
        }
    //不能创建XMLHTTP类时返回
        if(! xmldoc){
            return false;
        }
    //调用CheckState函数
        xmldoc.onreadystatechange = CheckState;
        xmldoc.open('GET',url,true);
        xmldoc.send(null);
    }else{
        getId("listnum").innerHTML = "您输入的地址错误,请重试!"
    }
}
//状态检测
function CheckState(){
    var response = xmldoc.responseXML.documentElement;
    btnSty("loadifo","block")
//收到完整的服务器响应
    if(xmldoc.readyState == 1){
        getId("loadifo").innerHTML = "连接服务器"
        }
    else if(xmldoc.readyState == 2){
        getId("loadifo").innerHTML = "开始加载数据"
        }
    else if(xmldoc.readyState == 3){
        getId("loadifo").innerHTML = "正在加载数据"
        settime(loadtime)
        }
    else if(xmldoc.readyState == 4){
//HTTP服务器响应值成功
        if(xmldoc.status == 200){
//将服务器返回的字符串写到页面中ID为showdiv的区域
     getId("loadifo").innerHTML = "加载完成"
         settime(ifodis)
         num(response)
        }
        else{
            getId("loadifo").innerHTML = "错误"+xmldoc.status+"点这里刷新";
        }
    }
}
//检查数据合法性
function trydata(nodeName,nodeName2){
    try{
        var nodeV = nodeName.firstChild.nodeValue;
    }catch(e){
        try{
            var nodeV = nodeName2.firstChild.nodeValue;
        }catch(e){
            var nodeV = "没有可用信息"
        }
    }
    return nodeV;
}
//记录集总数
function num(b){
    try{
        var titleNode = b.selectNodes("//rss/channel/title");
        var a = b.getElementsByTagName("item").length
        titleV = trydata(titleNode(0));
        getId("listnum").innerHTML = "共有"+a+"篇文章 来源于:"+titleV;
        setlist(a,b);
    }catch(e){}
}
if (top.location != self.location)top.location=self.location; 


//节目列表显示
//定义接收指向各个元素的节点信息的变量
var titleNode,linkNode,categoryNameNode,authorNode,pubDateNode,descriptionNode
//定义接收元素值的变量
var titleV,linkV,categoryNameV,authorV,pubDateV,descriptionV
//分类聚合
function setlist(a,b)
{
    var prograNode = b.getElementsByTagName("item");
    var adminlinkNode = b.selectNodes("//rss/channel/link");
    var titleNode = b.selectNodes("//rss/channel/item/title");
    var linkNode = b.selectNodes("//rss/channel/item/link");
    var categoryNode = b.selectNodes("//rss/channel/item/category");
    var authorNode = b.selectNodes("//rss/channel/item/author");
    var pubDateNode = b.selectNodes("//rss/channel/item/pubDate");
    var descriptionNode = b.selectNodes("//rss/channel/item/description");
    var category2sNode = b.selectNodes("//rss/channel/item/dc:subject");
    var author2sNode = b.selectNodes("//rss/channel/item/dc:creator");
    var pubDate2sNode = b.selectNodes("//rss/channel/item/dc:date");
    var listchar=""
//使用for循环,产生列表信息
    for (i=0; i<a; i++)
    {
        titleV = trydata(titleNode(i))
        linkV = trydata(linkNode(i))
        categoryV = trydata(categoryNode(i),category2sNode(i))
        authorV = trydata(authorNode(i),author2sNode(i))
        pubDateV = trydata(pubDateNode(i),pubDate2sNode(i))
        descriptionV = trydata(descriptionNode(i))
        adminlinkV = trydata(adminlinkNode(0))
        //将得到的元素值装载到产生表格的字符串中
        listchar += "<h5><a href='"+linkV+"' target='_blank'>"+titleV+"</a></h5><span>发表时间:"+pubDateV+"</span><div class='article'>"+descriptionV+"</div><div class='bottom'>文章分类:"+categoryV+" <a href='"+adminlinkV+"' target='_blank'>作者:"+authorV+"</a></div>";
    }
    //将生成的表格输出到页面的DIV元素
    getId("prolist").innerHTML = listchar;
    listen("mainbg")
}
//浏览器回退部分
//重写IFREAM链接,浏览器回退重点
function saveState(message) {
    var hisFrm = getId("historyFrame")
    hisFrm.src = "blank.html?"+message
}
//检测IFREAM
window.dhtmlHistory = {
    iframeLoaded:function(newLocation){
        var hash = new String(newLocation.search)
        if (hash.length >= 2 && hash.charAt(0) == "?" && hash.substring(1) !=delChar()){
            hash = hash.substring(1)
            window.location.hash = hash;
            var hisFrmdata = loadrss(hash)
        }
    }
}
//浏览器链接指向部分
//去除符号,请注明http://www.cnrui.cn/blog转载
function delChar(){
    var a = window.location.hash
    return     a.substring(1)
}
window.onload = function(){
    if(window.location.hash.length >= 2){
        ent(delChar())
    }
}
// -->

相关文章

  • Ajax注册用户时实现表单验证

    Ajax注册用户时实现表单验证

    这篇文章主要为大家详细介绍了Ajax注册用户时实现表单验证,在网站上注册时,通常需要验证用户名和电子邮件地址的可用性,本文将介绍如何实现表单验证功能
    2015-12-12
  • 你的jquery ajax无效和你的jquery引入路径有关

    你的jquery ajax无效和你的jquery引入路径有关

    当你发现你的jquery ajax无效的时候,不妨使用 fire bug调试一下,这时你会发现,提示"$"无效,为什么会有这种提示呢?可能是你引入jquery.js的路径有问题
    2013-06-06
  • 在Ajax中使用get和post所遇到的问题及解决办法

    在Ajax中使用get和post所遇到的问题及解决办法

    本文重点给大家介绍在ajax中使用get和post所遇到的问题及解决办法,及get请求和post请求的区别简单介绍,本文介绍的非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • 利用AJAX实现无刷新数据分页

    利用AJAX实现无刷新数据分页

    这篇文章主要介绍了利用AJAX实现数据分页的相关资料,如何利用AJAX无刷新直接从服务器获取数据分页,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • HTTP报文及ajax基础知识

    HTTP报文及ajax基础知识

    客户端传递给服务器的内容 和 服务器传递给客户端的内容 都属于HTTP报文。Ajax是客户端JS中的方法,用来向服务端发送请求,下面通过本文给大家分享HTTP报文及ajax基础知识,感兴趣的朋友一起看看吧
    2017-08-08
  • 深入剖析$.ajax()方法

    深入剖析$.ajax()方法

    下面小编就为大家带来一篇深入剖析$.ajax()方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-04-04
  • SpringMVC+Ajax+拼接html字符串实例代码

    SpringMVC+Ajax+拼接html字符串实例代码

    这篇文章主要介绍了SpringMVC+Ajax+拼接html字符串实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • 简单实体类和xml文件的相互转换方法

    简单实体类和xml文件的相互转换方法

    下面小编就为大家带来一篇简单实体类和xml文件的相互转换方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • AJAX初级应用-RSS无刷新聚合器的代码与下载

    AJAX初级应用-RSS无刷新聚合器的代码与下载

    AJAX初级应用-RSS无刷新聚合器的代码与下载...
    2007-03-03
  • ajax中文乱码问题解决方案

    ajax中文乱码问题解决方案

    ajax中文乱码问题在中文中经常会出现这种问题,其实只要稍加注意就不会出现ajax中文乱码这回事情了,接下来为大家详细介绍下如何解决这类问题
    2013-04-04

最新评论