主頁(yè) > 知識(shí)庫(kù) > 用AJAX技術(shù)實(shí)現(xiàn)在自己Blog上聚合并顯示朋友Blog的最新文章

用AJAX技術(shù)實(shí)現(xiàn)在自己Blog上聚合并顯示朋友Blog的最新文章

熱門標(biāo)簽:接聽(tīng)電話機(jī)器人哪有 如何用地圖標(biāo)注各分公司 辦理一個(gè)400電話多少錢 莆田防封電銷卡價(jià)格 蓄意標(biāo)記地圖標(biāo)注 察縣地圖標(biāo)注 信貸電銷機(jī)器人有用嗎 廣西ai語(yǔ)音電銷機(jī)器人哪家好 電銷機(jī)器人適用范圍
有時(shí)候,你的Blog可能需要這樣的功能:

在自己Blog上聚合并顯示朋友Blog的最新文章,這樣方便自己及時(shí)了解朋友的消息,另外,也方便訪問(wèn)者找到和本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)的用戶,限制也很多。

為了解決以上問(wèn)題,我采用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)都能很好的支持,你可以自由修改,來(lái)支持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的都能用。下面說(shuō)用法:

首先,在你Blog側(cè)邊欄合適位置加入這樣一段代碼:
復(fù)制代碼 代碼如下:

script src="ajax_rss.js" type="text/javascript">/script>

然后將下面的內(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 += 'a target="_blank" href="'+entryLink+'" title="'+blogName+'">'+entryName+'/a>br/>'; }
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è)試一下吧!
您可能感興趣的文章:
  • JQuery中Ajax的Post提交在IE下中文亂碼的解決方法
  • 告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單
  • ajax跨域請(qǐng)求js拒絕訪問(wèn)的解決方法
  • Ajax動(dòng)態(tài)加載數(shù)據(jù)庫(kù)示例
  • Ajax 無(wú)刷新在注冊(cè)用戶名時(shí)判斷是否為空是否被使用
  • iframe式ajax調(diào)用示例代碼
  • Ajax獲得站點(diǎn)文件內(nèi)容實(shí)例不涉及服務(wù)器
  • ThinkPHP使用心得分享-ThinkPHP + Ajax 實(shí)現(xiàn)2級(jí)聯(lián)動(dòng)下拉菜單
  • Ajax 給 XMLHttpReq.onreadystatechange傳遞參數(shù)
  • $.ajax傳JSON數(shù)據(jù)到后臺(tái)的注意事項(xiàng)小結(jié)
  • Ajax核心技術(shù)代碼分享

標(biāo)簽:儋州 延邊 銅陵 阿拉善盟 張掖 鷹潭 益陽(yáng) 巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《用AJAX技術(shù)實(shí)現(xiàn)在自己Blog上聚合并顯示朋友Blog的最新文章》,本文關(guān)鍵詞  用,AJAX,技術(shù),實(shí),現(xiàn)在,自己,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。

  • 相關(guān)文章
  • 下面列出與本文章《用AJAX技術(shù)實(shí)現(xiàn)在自己Blog上聚合并顯示朋友Blog的最新文章》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于用AJAX技術(shù)實(shí)現(xiàn)在自己Blog上聚合并顯示朋友Blog的最新文章的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章