zoukankan      html  css  js  c++  java
  • 用实现ajax读博客rss示例代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>this is test</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 readRSS(url) { 
        createXMLHttpRequest(); 
        xmlHttp.onreadystatechange = handleStateChange; 
        xmlHttp.open("GET", url, true); 
        xmlHttp.send(null); 
       
       
    } 
         
    function handleStateChange() { 
        if(xmlHttp.readyState == 4) { 
            if(xmlHttp.status == 200) { 
                ResultSet(); 
            } 
        } 
    } 
    
    function ResultSet() { 
        var results = xmlHttp.responseXML; 
        var title = null; 
        var item = null; 
        var link=null; 
        //得到channel 
        var ccc=results.getElementsByTagName("channel"); 
         var headtitle=ccc[0].getElementsByTagName("title")[0].firstChild.nodeValue; 
         var headlink=ccc[0].getElementsByTagName("link")[0].firstChild.nodeValue; 
         var cell = document.createElement("div"); 
            cell.innerHTML="<h1><a href="+headlink+" target=_blank>"+headtitle+"</a></h1>
    "; 
            document.getElementById("result").appendChild(cell); 
           //得到items 
        var items = results.getElementsByTagName("item"); 
        for(var i = 0; i < items.length; i++) { 
            item = items[i]; 
            link=item.getElementsByTagName("link")[0].firstChild.nodeValue; 
            title = item.getElementsByTagName("title")[0].firstChild.nodeValue; 
            var cell = document.createElement("div"); 
            cell.innerHTML="<a href="+link+" target=_blank>"+title+"</a>
    "; 
           document.getElementById("result").appendChild(cell); 
        } 
    
    } 
    function readrss1() 
    { 
        var url=document.getElementById("txturl").value; 
        if(url=="") 
        { 
            alert("请输入RSS地址"); 
            } 
        else 
            { 
                readRSS(url); 
                } 
        } 
    
    </script> 
    </head> 
    
    <body"> 
      <h1>ajax读rss示例</h1> 
      <form > 
           
      <a href="javascript:readRSS('http://www.blogjava.net/rss.aspx')">blogjava原创区 </a>       
       <a href="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')">blogjava新手区 </a>    
        <a href="javascript:readRSS('http://life.blogjava.net/rss.aspx')">blogjava非技术区 </a>    
         <a href="javascript:readRSS('http://general.blogjava.net/rss.aspx')">综合区 </a> 
         
     
         输入一个RSS地址:<input type="text" value="http://www.blogjava.net/wujun/rss.aspx" size=50 id="txturl"> 
         <input type="button" value="查 看" onclick="readrss1()"> 
          
      </form> 
        <div id="result"></div> 
    </body> 
    </html> 
  • 相关阅读:
    TiDB数据库05TiDB的用户管理与安全,文件与日志管理
    Java基础知识16Arrays、System常用方法使用
    TiDB数据库07TiDB集群管理(TiDB/TiKV/PD/TiFlash在线扩容与在线缩容)
    【转】在SQL Server中创建用户角色及授权(使用SQL语句)
    Javascript的IE和Firefox兼容问题
    JavaScript的私有变量
    JavaScript 中的内存泄露模式
    javascript内存泄漏问题
    全面理解javascript的caller,callee,call,apply概念(修改版)
    javascript跨域问题
  • 原文地址:https://www.cnblogs.com/xiaochao12345/p/3709449.html
Copyright © 2011-2022 走看看