用AJAX技术聚合RSS

有时候，你的Blog可能需要这样的功能：
  在自己Blog上聚合并显示朋友Blog的最新文章，这样方便自己及时了解朋友的消息，另外，也方便访问者找到和本Blog相关的blog和文章。
这个功能你可以叫它“Blog聚合”或者“Blog联播”，目前，实现这样功能的软件或服务都有限制：比如，Terac Sinfonia、Lilina、MXNA虽然功能都很强大，但是需要安装，不能自由定制，不能嵌入到Blog侧边栏。另一方面，目前提供这样服务的BSP只能聚合本系统内的用户，限制也很多。
为了解决以上问题，我采用AJAX（Asynchronous JavaScript + XML）技术实现了在自己Blog上聚合并显示朋友Blog的最新文章的功能，你可以根据需要，进行自由定制。默认是支持RSS 2.0规范的，Terac Miracle、Movable Type、Word Press、Donews / 博客园 / CSDN采用的.Text系统都能很好的支持，你可以自由修改，来支持RSS 0.92、RSS 1.0、Atom 0.3。
为什么采用AJAX呢？首先，聚合别人的RSS不能影响自己网站的速度，所以需要异步执行，其次，RSS本身就是一个很规范的XML文档，另外，由于聚合内容大小不可定，所以必须要局部刷新，最重要的一点，采用AJAX完全把加载解析XML的操作放到客户端进行处理，节省服务器带宽和资源，最后，这个功能我完全用JavaScript实现的，这样，不管你的blog是ASP、.Net、PHP、JSP、Perl，甚至纯HTML的都能用。下面说用法：
首先，在你Blog侧边栏合适位置加入这样一段代码：

然后将下面的内容保存成“ajax_rss.js”，然后上传到服务器相应的位置： 
  

代码如下:

//你可以自由添加符合RSS 2.0规范的 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; 
  }

好了，安装结束，测试一下吧！

赞 (0)

相关推荐

  • 用AJAX技术聚合RSS

    有时候,你的Blog可能需要这样的功能:   在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blog和文章.这个功能你可以叫它"Blog聚合"或者"Blog联播",目前,实现这样功能的软件或服务都有限制:比如,Terac Sinfonia.Lilina.MXNA虽然功能都很强大,但是需要安装,不能自由定制,不能嵌入到Blog侧边栏.另一方面,目前提供这样服务的BSP只能聚合本系统内的用户,限

  • JSP技术实现RSS订阅功能的示例

    RSS也叫聚合RSS是在线共享内容的一种简易方式(也叫聚合内容,Really Simple Syndication).通常在时效性比较强的内容上使用RSS订阅能更快速获取信息,网站提供RSS输出,有利于让用户获取网站内容的最新更新.同时也是医学.物理学.数学等学科专有名词的英文缩写简称. 最初的RSS要追溯到1995年,当Ramanathan V. Guha和其他在苹果电脑公司的高级技术组开发了一个测试的内容框架.更多有关RSS的资料可查看这里,下面我们来为我们的JSP网站生成RSS. RSS用

  • Javascript Ajax异步读取RSS文档具体实现

    RSS 是一种基于 XML的文件标准,通过符合 RSS 规范的 XML文件可以简单实现网站之间的内容共享.Ajax 是Asynchronous JavaScript and XML的缩写.通过 Ajax 技术可以经由超文本传输协议(Http) 向一个服务器发出请求并且在等待该响应时继续处理另外的数据.通过 Ajax 技术可以很容易实现读取远程 XML文件,因此,可以使用 Ajax技术实现远程访问依据 RSS 标准生成的摘要信息,甚至我们可以自己写一个 RSS 阅读器. Ajax 并不是一门新的语

  • php ajax异步读取rss文档数据

    RSS(Really Simple Syndication)是一种描述和同步网站内容的格式,是使用最广泛的XML应用.RSS搭建了信息迅速传播的一个技术平台,使得每个人都成为潜在的信息提供者. 本文实例为大家分享了php ajax异步读取rss文档数据的相关代码,供大家参考,具体内容如下 代码如下: index.html <html> <head> <script> function showRSS(str) { if (str.length==0) { documen

  • php基于jquery的ajax技术传递json数据简单实例

    本文实例讲述了php基于jquery的ajax技术传递json数据简单实现方法.分享给大家供大家参考,具体如下: html页面: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="jquery-1.8.2.mi

  • ajax 技术和原理分析

    ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体.它由下列技术组合而成. 1.使用CSS和XHTML来表示. 2. 使用DOM模型来交互和动态显示. 3.使用XMLHttpRequest来和服务器进行异步通信. 4.使用javascript来绑定和调用. 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且已经得到了广泛使用的,XMLHttpRequest虽然目前还没有被W3C所采纳,但是它已经是一个事实的标准,因为目

  • Dom在ajax技术中的作用说明

    今天我们来讲一下Dom在ajax技术中的作用．当你使用ajax向服务端发出请求,并返回数据到客户端时．你是怎么 将这些返回的数据显示到网页上的?毫无疑问的你使用的是Dom,利用Dom的各个指令．来向html中添加你想要显示的内容．例如:getElementById也或是getElementsByTagName查找元素 innerHTML显示内容?还是appendChild添加元素?当然创建一个不存在的元素也是可以的createElement可以轻松实现． 如果你想要创建够酷够炫的ajax效果．这

  • 使用ajax技术实现txt弹出在页面上的方法

    使用ajax技术实现点击按钮,将TXT文本里的内容通过弹出框显示到页面上 /*事件会在页面加载完成后触发.*/ <script> window.onload = function(){ /*获取按钮的id*/ var oBth=document.getElementById('btn'); /*点击按钮触发的函数*// oBth.onclick = function(){ /*打开浏览器*/ var xhr = new XMLHttpRequest(); /*在地址栏输入地址,这里的1txt代

  • SSH框架网上商城项目第28战之使用Ajax技术局部更新商品数量和总价

    SSH框架网上商城项目第28战之使用Ajax技术局部更新商品数量和总价

    之前,把项目部署了一下,玩了玩,今天完善了一下购物车中修改商品数量就能局部更新相应的总价的功能,大家都知道这得用Ajax实现,我之前也没学Ajax,刚好借助这个小功能,去简单学习一下Ajax的知识. 1. 问题的分析 先看一下页面中的情况: 功能如上,在没有Ajax之前,一般都是根据用户修改的值去找Action,然后返回新的jsp页面重新加载整个页面,完成数字的更新.但是有了Ajax技术后,我们可以利用Ajax技术局部刷新要改变的地方,而不是重新加载整个页面.首先看一下上图对应的jsp部分的代码

  • Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

    前言: 咋一看标题还挺长的呢,还有这么多功能,其实简化一点就是一个功能,异步表单提交,只是在异步表单提交这个大功能下,可以实现图片上传,模拟ajax技术(其实很早以前就是通过这个方式来实现多浏览器的兼容ajax,这里只是怀怀旧,作为一个技术来玩玩),下面的内容需要有一定的js基础,要不然理解起来会比较困难. 注意事项: 这是我bBank里面的一个方法,现在我把他提取出来成一个通用方法来讲解. bBank 框架介绍:http://www.cnblogs.com/bruceli/archive/20

随机推荐