iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > html >如何用AJAX技术聚合RSS
  • 230
分享到

如何用AJAX技术聚合RSS

2024-04-02 19:04:59 230人浏览 独家记忆
摘要

这篇文章主要讲解了“如何用ajax技术聚合RSS”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何用AJAX技术聚合RSS”吧!

这篇文章主要讲解了“如何用ajax技术聚合RSS”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何用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、.netPHPjsP、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; 
  } 

感谢各位的阅读,以上就是“如何用AJAX技术聚合RSS”的内容了,经过本文的学习后,相信大家对如何用AJAX技术聚合RSS这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: 如何用AJAX技术聚合RSS

本文链接: https://www.lsjlt.com/news/82194.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何用AJAX技术聚合RSS
    这篇文章主要讲解了“如何用AJAX技术聚合RSS”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何用AJAX技术聚合RSS”吧! ...
    99+
    2024-04-02
  • 用AJAX技术聚合RSS284567经验
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • 用AJAX技术聚合RSS284415解决
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • 用AJAX技术聚合RSS284435实例
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • 用AJAX技术聚合RSS284455示例
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • 用AJAX技术聚合RSS284475分享
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • AJAX如何实现RSS无刷新聚合器
    这篇文章主要介绍AJAX如何实现RSS无刷新聚合器,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! rss.js代码如下:<!-- //控制ID fu...
    99+
    2024-04-02
  • 用AJAX技术聚合RSS284587解决
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • 用AJAX技术聚合RSS284627解决
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • 用AJAX技术聚合RSS284607实现方法
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-20
    用AJAX技术聚合RSS
  • 用AJAX技术聚合RSS284815问题及解决
    有时候,你的Blog可能需要这样的功能:  在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blo...
    99+
    2023-05-21
    用AJAX技术聚合RSS
  • 如何使用ajax实现读博客rss
    这篇文章主要介绍了如何使用ajax实现读博客rss,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。代码如下:<!DOCTYPE ...
    99+
    2024-04-02
  • 如何使用ajax实现分页技术
    小编给大家分享一下如何使用ajax实现分页技术,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!ajax分页效果图如下: 首先,先看 HTML 代码和 CSS 代码,我们需要一个 table 和一个 footer:<di...
    99+
    2023-06-08
  • 如何使用局部刷新Ajax技术
    这篇文章主要介绍“如何使用局部刷新Ajax技术”,在日常操作中,相信很多人在如何使用局部刷新Ajax技术问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用局部刷新Ajax...
    99+
    2024-04-02
  • Ajax技术怎么用
    这篇文章主要介绍了Ajax技术怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 ajax的作用有:1、不刷新...
    99+
    2024-04-02
  • 如何理解AJAX开发技术
    本篇内容介绍了“如何理解AJAX开发技术”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!AJAX(Async...
    99+
    2024-04-02
  • php如何应用Ajax技术检测用户名
    这篇文章主要介绍php如何应用Ajax技术检测用户名,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.搭建Ajax开发框架,代码如下<script language=...
    99+
    2024-04-02
  • 如何用ajax自动加载blogjava和博客园的rss
    这篇文章将为大家详细讲解有关如何用ajax自动加载blogjava和博客园的rss,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。 ...
    99+
    2024-04-02
  • Ajax如何实现异步请求技术
    这篇文章将为大家详细讲解有关Ajax如何实现异步请求技术,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。AJAX的全称是Asynchronous JavaScript an...
    99+
    2024-04-02
  • 怎么使用AJAX技术实现在自己Blog上聚合并显示朋友Blog的最新文章
    这篇文章主要介绍怎么使用AJAX技术实现在自己Blog上聚合并显示朋友Blog的最新文章,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 有时候,你的Bl...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作