Js USES ajax to read the blog RSS sample

  • 2020-03-30 02:50:54
  • OfStack


<!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; 
    //Get the 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); 
       //To get the 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(" Please enter the RSS address "); 
        } 
    else 
        { 
            readRSS(url); 
            } 
    } 
</script> 
</head> 
<body"> 
  <h1>ajax read rss The sample </h1> 
  <form > 

  <a href="javascript:readRSS('http://www.blogjava.net/rss.aspx')">blogjava Original area  </a>       
   <a href="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')">blogjava The novice area  </a>    
    <a href="javascript:readRSS('http://life.blogjava.net/rss.aspx')">blogjava Non-technical area  </a>    
     <a href="javascript:readRSS('http://general.blogjava.net/rss.aspx')"> The compound  </a> 

 
      Enter a RSS address :<input type="text" value="http://www.blogjava.net/wujun/rss.aspx" size=50 id="txturl"> 
     <input type="button" value=" check   see " onclick="readrss1()"> 

  </form> 
    <div id="result"></div> 
</body> 
</html>


Related articles: