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

时间:2024-05-09 10:36:56 

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

        Ajax 并不是一门新的语言或技术, 它实际上是几项技术按一定的方式组合在一起。共同在协作中发挥各自的作用, 它包括:使用XHTML 和CSS 标准化呈现; 使用DOM 实现动态显示和交互; 使用XML 和XSLT 进行数据交换与处理; 使用XMLHttpRequest进行异步数据读取; 最后用 JavaScript 绑定和处理所有数据。好了,对于理论就不在多说了,下面我们直接看代码吧。

        创建XMLHttpRequest对象并将请求发送到服务器:


function createXHR(url){
     if(window.XMLHttpRequest){
         xmlHttp = new XMLHttpRequest();
     }else{ 
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlHttp.open("post",url,"false");
    xmlHttp.onreadystatechange = getResponse;     xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlHttp.send(null);
 }

通过DOM操作对Rss文档进行遍历,得到需要的值:


function readDoc(doc){
    root = doc.getElementsByTagName("channel")[0];
    docTitle = root.getElementsByTagName("title")[0];
    docLink = root.getElementsByTagName("link")[0];
    docDescription = root.getElementsByTagName("description")[0];
    items = root.getElementsByTagName("item");
    for(var i=0;i<items.length;i++){
        itemTitle = items[i].getElementsByTagName("title")[0];
        itemLink = items[i].getElementsByTagName("link")[0];
        itemDescription = items[i].getElementsByTagName("description")[0];
        //itemPubDate = items[i].getElementsByTagName("pubDate")[0];
        document.getElementById("rssTitle").innerHTML = docTitle.firstChild.nodeValue;
        temp = "</h1><h2><a href=""+itemLink.firstChild.nodeValue+"" target="_blank">"+itemTitle.firstChild.nodeValue+"</a></h2>"+"<p>"+itemDescription.firstChild.nodeValue+"</p><hr/>";
        document.getElementById("readRss").style.display = "none";
        document.getElementById("printRss").getElementsByTagName("span")[0].style.display = "none";
        document.getElementById("printRss").innerHTML = document.getElementById("printRss").innerHTML + temp;
    }
}

调用createXHR(url)函数,传入参数,向服务器发送求:


createXHR("http://www.apple.com.cn/hotnews/rss/hotnews.rss");

得到响应:


function getResponse(){
   if(xmlHttp.readyState == 4){     
        if(xmlHttp.status == 200){ 
            rssDoc = xmlHttp.responseXML;
            readDoc(rssDoc);//调用readDoc()函数
        }else{
            document.getElementById("rssTitle").innerHTML = "读取异常!";
            //alert(xmlHttp.status);
        }
    }
}

标签:Ajax,异步读取,RSS文档
0
投稿

猜你喜欢

  • python实现计算器简易版

    2021-01-25 22:43:15
  • mysql常用备份命令和shell备份脚本分享

    2024-01-13 14:37:35
  • JavaScript中一个奇葩的IE浏览器判断方法

    2024-04-17 10:24:44
  • php实现网站留言板功能

    2023-11-23 21:06:36
  • DW MX 2004新功能:加密FTP

    2009-09-13 18:42:00
  • Python FTP文件定时自动下载实现过程解析

    2023-04-30 19:08:51
  • sql cast,convert,QUOTENAME,exec 函数学习记录

    2024-01-23 13:53:35
  • Tensorflow 训练自己的数据集将数据直接导入到内存

    2023-08-18 14:30:14
  • 网站设计输入了些什么?

    2008-04-01 09:30:00
  • SqlServer数据库全角转换成半角

    2024-01-21 11:20:39
  • Go语言实现socket实例

    2024-02-04 20:17:30
  • 如何在 IE 中使用 HTML5 元素

    2009-06-14 19:44:00
  • asp如何读取Access数据库的表名?

    2009-11-18 20:48:00
  • Python 批量合并多个txt文件的实例讲解

    2022-09-18 07:39:47
  • Pycharm 创建 Django admin 用户名和密码的实例

    2021-02-10 01:46:46
  • MSSQL ISQL命令详解

    2024-01-26 23:50:49
  • Python操作mongodb数据库进行模糊查询操作示例

    2024-01-29 03:40:45
  • 一道sql面试题附答案

    2024-01-18 04:50:33
  • Python随机生成彩票号码的方法

    2023-10-13 15:25:39
  • sql存储过程获取汉字拼音头字母函数

    2011-11-03 16:58:05
  • asp之家 网络编程 m.aspxhome.com