這篇文章主要介紹了如何使用ajax實(shí)現(xiàn)讀博客rss,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)成立于2013年,我們提供高端成都網(wǎng)站建設(shè)、網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)公司、網(wǎng)站定制、成都營(yíng)銷網(wǎng)站建設(shè)、微信平臺(tái)小程序開發(fā)、微信公眾號(hào)開發(fā)、seo優(yōu)化排名服務(wù),提供專業(yè)營(yíng)銷思路、內(nèi)容策劃、視覺設(shè)計(jì)、程序開發(fā)來完成項(xiàng)目落地,為PVC花箱企業(yè)提供源源不斷的流量和訂單咨詢。
代碼如下:
<!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="<h2><a href="+headlink+" target=_blank>"+headtitle+"</a></h2> "; 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("請(qǐng)輸入RSS地址"); } else { readRSS(url); } } </script> </head> <body"> <h2>ajax讀rss示例</h2> <form > <a href="javascript:readRSS('http://www.blogjava.net/rss.aspx')">blogjava原創(chuàng)區(qū) </a> <a href="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')">blogjava新手區(qū) </a> <a href="javascript:readRSS('http://life.blogjava.net/rss.aspx')">blogjava非技術(shù)區(qū) </a> <a href="javascript:readRSS('http://general.blogjava.net/rss.aspx')">綜合區(qū) </a> 輸入一個(gè)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>
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“如何使用ajax實(shí)現(xiàn)讀博客rss”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
文章題目:如何使用ajax實(shí)現(xiàn)讀博客rss
本文鏈接:http://chinadenli.net/article8/gojcop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、網(wǎng)站維護(hù)、商城網(wǎng)站、標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計(jì)公司、靜態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)