用实现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> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

时间： 2024-08-28 02:36:53

用实现ajax读博客rss示例代码

用实现ajax读博客rss示例代码的相关文章

用实现ajax读博客rss示例代码_AJAX相关

ajax读博客rss示例

用ajax实现读博客rss示例代码_AJAX相关

js使用ajax读博客rss示例_基础知识

用ajax实现读博客rss示例代码

博客里的代码异常-&amp;lt;p class=&amp;quot;p1&amp;quot;&amp;gt;&amp;lt;span&amp;gt;是什么意思，为什么会出现在代码里

怎么在博客上积累代码量？

用AJAX打造博客无刷新搜索

AJAX打造博客无刷新搜索_AJAX相关