📄 index.html
字号:
<html><head><title>AJAX RSS Reader</title><link rel="stylesheet" href="style.css" type="text/css" /></head><script language="javascript" type="text/javascript">var RSSRequestObject = false; // XMLHttpRequest Objectvar Backend = 'http://www.phpmagazine.net/18_ajax/feeds/rss20'; // Backend urlwindow.setInterval("update_timer()", 1200000); // update the data every 20 minsif (window.XMLHttpRequest) // try to create XMLHttpRequest RSSRequestObject = new XMLHttpRequest();if (window.ActiveXObject) // if ActiveXObject use the Microsoft.XMLHTTP RSSRequestObject = new ActiveXObject("Microsoft.XMLHTTP");/** onreadystatechange function*/function ReqChange() { // If data received correctly if (RSSRequestObject.readyState==4) { // if data is valid if (RSSRequestObject.responseText.indexOf('invalid') == -1) { // Parsing RSS var node = RSSRequestObject.responseXML.documentElement; // Get Channel information var channel = node.getElementsByTagName('channel').item(0); var title = channel.getElementsByTagName('title').item(0).firstChild.data; var link = channel.getElementsByTagName('link').item(0).firstChild.data; content = '<div class="channeltitle"><a href="'+link+'">'+title+'</a></div><ul>'; // Browse items var items = channel.getElementsByTagName('item'); for (var n=0; n < items.length; n++) { var itemTitle = items[n].getElementsByTagName('title').item(0).firstChild.data; var itemLink = items[n].getElementsByTagName('link').item(0).firstChild.data; try { var itemPubDate = '<font color=gray>['+items[n].getElementsByTagName('pubDate').item(0).firstChild.data+'] '; } catch (e) { var itemPubDate = ''; } content += '<li>'+itemPubDate+'</font><a href="'+itemLink+'">'+itemTitle+'</a></li>'; } content += '</ul>'; // Display the result document.getElementById("ajaxreader").innerHTML = content; // Tell the reader the everything is done document.getElementById("status").innerHTML = "Done."; } else { // Tell the reader that there was error requesting data document.getElementById("status").innerHTML = "<div class=error>Error requesting data.<div>"; } HideShow('status'); } }/** Main AJAX RSS reader request*/function RSSRequest() { // change the status to requesting data HideShow('status'); document.getElementById("status").innerHTML = "Requesting data ..."; // Prepare the request RSSRequestObject.open("GET", Backend , true); // Set the onreadystatechange function RSSRequestObject.onreadystatechange = ReqChange; // Send RSSRequestObject.send(null); }/** Timer*/function update_timer() { RSSRequest();}function HideShow(id){ var el = GetObject(id); if(el.style.display=="none") el.style.display=''; else el.style.display='none';}function GetObject(id){ var el = document.getElementById(id); return(el);}</script><body onload="RSSRequest();"><h2>AJAX RSS Reader</h2><div id="status" style="display:none"></div><div id="ajaxreader"></div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -