zoukankan      html  css  js  c++  java
  • 用ajax解析rss简单例子



    <script language="javascript">

    var bloglist=new Array();
    var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    function startload(){
        xmlHttp.open(
    "GET","http://www.cnblogs.com/zwl12549/Rss.aspx",true);
    xmlHttp.onreadystatechange
    =function(){
        
    if(xmlHttp.readystate==4 && xmlHttp.status==200){
            
    var xmldom=xmlHttp.responseXML;
            
    var channel=xmldom.documentElement.childNodes.item(0);
            
    var itemlist=channel.childNodes;
            
    for(var i=0;i<itemlist.length;i++){
                
    var node=itemlist.item(i);
                
    if(node.tagName=="title"){
                    blogtitle.innerHTML
    =node.text;
                }

                
    if(node.tagName=="description"){
                    blogdescription.innerHTML
    =node.text;
                }

                
    if(node.tagName=="generator"){
                    bloggenerator.innerHTML
    =node.text;
                }

                
    if(node.tagName=="item"){
                    bloglist[bloglist.length]
    =node.childNodes;
                }

            }

            showitem(bloglist[
    0]);
        }

    }

    xmlHttp.send(
    null);
    }

    function showitem(itemlist){
        
    for(var i=0;i<itemlist.length;i++){
            
    var node=itemlist.item(i);
            
    if(node.tagName=="title"){
                itemtitle.innerHTML
    =node.text;
            }

            
    if(node.tagName=="link"){
                itemlink.href
    =node.text;
            }

            
    if(node.tagName=="description"){
                description.innerHTML
    =node.text;
            }

            
    if(node.tagName=="author"){
                author.innerHTML
    =node.text;
            }

            
    if(node.tagName=="pubDate"){
                pubDate.innerHTML
    =node.text;
            }

        }

    }

    </script>
    <body onload="startload()">
    <font color="blue"><id="bloglink" href="#"><div id="blogtitle"></div></a></font><br />
    By 
    <font color="blue"><div id="bloggenerator"></div></font><br />
    <font color="blur"><div id="blogdescription"></div></font><br />
    <br />
    <font color="#000066"><id="itemlink" href="#"><div id="itemtitle"></div></a></font><br />
    By 
    <font color="blue"><div id="author"></div></font><br />
    <div id="description"></div><br />
    <div id="pubDate" align="right"></div>
    </body>
  • 相关阅读:
    练习jQuery
    Highcharts的应用步骤
    CSS中的数量查询
    何时使用 Em 与 Rem
    不错的教学网站
    HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理。
    【洛谷P4139】上帝与集合的正确用法
    【洛谷P1357】花园
    【洛谷P1939】矩阵加速(数列)
    【洛谷P1962】斐波那契数列
  • 原文地址:https://www.cnblogs.com/zwl12549/p/629224.html
Copyright © 2011-2022 走看看