AJAX做簡單的RSS聚合頁面

 

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>IamV-RSS訂閱</title>
    <script type="text/javascript">
        var xmlHttp;
        function createXMLHttpRequest()
        {
            if(window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            else if(window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();
            }
        }
        function startRequest(url)
        {
            createXMLHttpRequest();
            xmlHttp.onreadystatechange = handleStateChange;
            xmlHttp.open("GET",url,true);
            xmlHttp.send(null);
   
        }
        function handleStateChange()
        {
            if(xmlHttp.readyState==4)
    {
     if(xmlHttp.status==200)
     {
      var doc=xmlHttp.responseXML.documentElement;
      document.getElementById('ppiicc').removeNode(true);
      for(i=1;i<doc.getElementsByTagName("item").length+1;i++)
      {
         var blogName=doc.getElementsByTagName("title")[0].firstChild.data;
         var entryName=doc.getElementsByTagName("title")[i].firstChild.data;
         var entryLink=doc.getElementsByTagName("link")[i].firstChild.data;
         document.getElementById('IamV').innerHTML += '<li><a

href="'+entryLink+'" title="'+blogName+'" target="_blank">'+entryName+'</a></li>';
      }
     }
    }
               
        }
    </script>
</head>


<body onLoad="startRequest('http://www.cnblogs.com/iamv/category/115593.html/rss');">
<div>
<div id="menu" style="width:300px; border-left-color: white; border-bottom-color: white;

border-top-style:ridge;border-top-color: white; border-right-style: ridge; border-left-style: ridge;

border-right-color: white;border-bottom-style: ridge;">
IamV<br />
<ul id="IamV">Blog</ul>
<img id="ppiicc" src="loading1.gif" />
</div>
</div>
</body>
</html>

發佈了28 篇原創文章 · 獲贊 7 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章