用AJAX技術(shù)聚合RSS
更新時(shí)間:2007年02月10日 00:00:00 作者:
有時(shí)候,你的Blog可能需要這樣的功能:
在自己Blog上聚合并顯示朋友Blog的最新文章,這樣方便自己及時(shí)了解朋友的消息,另外,也方便訪問者找到和本Blog相關(guān)的blog和文章。
這個(gè)功能你可以叫它“Blog聚合”或者“Blog聯(lián)播”,目前,實(shí)現(xiàn)這樣功能的軟件或服務(wù)都有限制:比如,Terac Sinfonia、Lilina、MXNA雖然功能都很強(qiáng)大,但是需要安裝,不能自由定制,不能嵌入到Blog側(cè)邊欄。另一方面,目前提供這樣服務(wù)的BSP只能聚合本系統(tǒng)內(nèi)的用戶,限制也很多。
為了解決以上問題,我采用AJAX(Asynchronous JavaScript + XML)技術(shù)實(shí)現(xiàn)了在自己Blog上聚合并顯示朋友Blog的最新文章的功能,你可以根據(jù)需要,進(jìn)行自由定制。默認(rèn)是支持RSS 2.0規(guī)范的,Terac Miracle、Movable Type、Word Press、Donews / 博客園 / CSDN采用的.Text系統(tǒng)都能很好的支持,你可以自由修改,來支持RSS 0.92、RSS 1.0、Atom 0.3。
為什么采用AJAX呢?首先,聚合別人的RSS不能影響自己網(wǎng)站的速度,所以需要異步執(zhí)行,其次,RSS本身就是一個(gè)很規(guī)范的XML文檔,另外,由于聚合內(nèi)容大小不可定,所以必須要局部刷新,最重要的一點(diǎn),采用AJAX完全把加載解析XML的操作放到客戶端進(jìn)行處理,節(jié)省服務(wù)器帶寬和資源,最后,這個(gè)功能我完全用JavaScript實(shí)現(xiàn)的,這樣,不管你的blog是ASP、.Net、PHP、JSP、Perl,甚至純HTML的都能用。下面說用法:
首先,在你Blog側(cè)邊欄合適位置加入這樣一段代碼:
然后將下面的內(nèi)容保存成“ajax_rss.js”,然后上傳到服務(wù)器相應(yīng)的位置:
//你可以自由添加符合RSS 2.0規(guī)范的 RSS
processRSS('http://www.songlian.cn/blog/feed.php');
processRSS('http://www.bo-blog.com/weblog/feed.php');
function processRSS(url){
var req = getXMLHttpRequest();
req.onreadystatechange = function () {
if (req.readyState == 4 && req.status == 200) {
var doc=req.responseXML.documentElement;
parseRSS(doc);
}
}
req.open("GET",url, true);
req.send(null);
}
function parseRSS(doc) {
//如果要用RSS 0.92, RSS 1.0, Atom 0.3,你需要改下面3行
var blogName=doc.getElementsByTagName("title")[0].firstChild.data;
var entryName=doc.getElementsByTagName("title")[1].firstChild.data;
var entryLink=doc.getElementsByTagName("link")[1].firstChild.data;
document.getElementById('ajax_rss').innerHTML += ''+entryName+'
'; }
function getXMLHttpRequest() {
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
好了,安裝結(jié)束,測(cè)試一下吧!
在自己Blog上聚合并顯示朋友Blog的最新文章,這樣方便自己及時(shí)了解朋友的消息,另外,也方便訪問者找到和本Blog相關(guān)的blog和文章。
這個(gè)功能你可以叫它“Blog聚合”或者“Blog聯(lián)播”,目前,實(shí)現(xiàn)這樣功能的軟件或服務(wù)都有限制:比如,Terac Sinfonia、Lilina、MXNA雖然功能都很強(qiáng)大,但是需要安裝,不能自由定制,不能嵌入到Blog側(cè)邊欄。另一方面,目前提供這樣服務(wù)的BSP只能聚合本系統(tǒng)內(nèi)的用戶,限制也很多。
為了解決以上問題,我采用AJAX(Asynchronous JavaScript + XML)技術(shù)實(shí)現(xiàn)了在自己Blog上聚合并顯示朋友Blog的最新文章的功能,你可以根據(jù)需要,進(jìn)行自由定制。默認(rèn)是支持RSS 2.0規(guī)范的,Terac Miracle、Movable Type、Word Press、Donews / 博客園 / CSDN采用的.Text系統(tǒng)都能很好的支持,你可以自由修改,來支持RSS 0.92、RSS 1.0、Atom 0.3。
為什么采用AJAX呢?首先,聚合別人的RSS不能影響自己網(wǎng)站的速度,所以需要異步執(zhí)行,其次,RSS本身就是一個(gè)很規(guī)范的XML文檔,另外,由于聚合內(nèi)容大小不可定,所以必須要局部刷新,最重要的一點(diǎn),采用AJAX完全把加載解析XML的操作放到客戶端進(jìn)行處理,節(jié)省服務(wù)器帶寬和資源,最后,這個(gè)功能我完全用JavaScript實(shí)現(xiàn)的,這樣,不管你的blog是ASP、.Net、PHP、JSP、Perl,甚至純HTML的都能用。下面說用法:
首先,在你Blog側(cè)邊欄合適位置加入這樣一段代碼:
然后將下面的內(nèi)容保存成“ajax_rss.js”,然后上傳到服務(wù)器相應(yīng)的位置:
復(fù)制代碼 代碼如下:
//你可以自由添加符合RSS 2.0規(guī)范的 RSS
processRSS('http://www.songlian.cn/blog/feed.php');
processRSS('http://www.bo-blog.com/weblog/feed.php');
function processRSS(url){
var req = getXMLHttpRequest();
req.onreadystatechange = function () {
if (req.readyState == 4 && req.status == 200) {
var doc=req.responseXML.documentElement;
parseRSS(doc);
}
}
req.open("GET",url, true);
req.send(null);
}
function parseRSS(doc) {
//如果要用RSS 0.92, RSS 1.0, Atom 0.3,你需要改下面3行
var blogName=doc.getElementsByTagName("title")[0].firstChild.data;
var entryName=doc.getElementsByTagName("title")[1].firstChild.data;
var entryLink=doc.getElementsByTagName("link")[1].firstChild.data;
document.getElementById('ajax_rss').innerHTML += ''+entryName+'
'; }
function getXMLHttpRequest() {
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
相關(guān)文章
ASP+AJAX+ACCESS數(shù)據(jù)庫(kù)實(shí)例講解三個(gè)步驟分享
其實(shí)說起AJAX的初級(jí)應(yīng)用是非常簡(jiǎn)單的,通俗的說就是客戶端(javascript)與服務(wù)端(asp或php等)腳本語(yǔ)言的數(shù)據(jù)交互2012-07-07ajax實(shí)現(xiàn)excel報(bào)表導(dǎo)出
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)excel報(bào)表導(dǎo)出,解決亂碼問題,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07使用Ajax實(shí)現(xiàn)進(jìn)度條的繪制
這篇文章主要介紹了如何利用Ajax繪制進(jìn)度條,文中的示例代碼講解詳細(xì),對(duì)我們的學(xué)習(xí)或工作有一定的幫助,感興趣的小伙伴可以了解一下2022-04-04ajax動(dòng)態(tài)賦值echarts的實(shí)例(餅圖和柱形圖)
下面小編就為大家分享一篇ajax動(dòng)態(tài)賦值echarts的實(shí)例(餅圖和柱形圖),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03用ajax傳遞json到前臺(tái)中文出現(xiàn)問號(hào)亂碼問題的解決辦法
這篇文章主要介紹了用ajax傳遞json到前臺(tái)中文出現(xiàn)問號(hào)亂碼問題的解決辦法,需要的朋友參考下2017-01-01用javascript實(shí)現(xiàn)頁(yè)面無刷新更新數(shù)據(jù)
用javascript實(shí)現(xiàn)頁(yè)面無刷新更新數(shù)據(jù)...2006-06-06