您好,欢迎访问一九零五行业门户网

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

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        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 = +itemtitle.firstchild.nodevalue+++itemdescription.firstchild.nodevalue+
;
        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);
        }
    }
}
其它类似信息

推荐信息