這篇文章主要介紹AJAX如何實現RSS無刷新聚合器，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創新互聯建站從2013年創立，是專業互聯網技術服務公司，擁有項目成都網站設計、做網站、成都外貿網站建設公司網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元喀什做網站,已為上家服務,為喀什各地企業和個人服務,聯系電話:18980820575

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 += "<h6><a href='"+linkV+"' target='_blank'>"+titleV+"</a></h6><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如何實現RSS無刷新聚合器”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

文章標題：AJAX如何實現RSS無刷新聚合器
分享地址：http://www.yijiale78.com/article38/gcsppp.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、定制開發、App開發、做網站、微信公眾號、建站公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯