RSS 閱讀器用于閱讀 RSS Feed。
創新互聯建站主要從事成都做網站、成都網站建設、成都外貿網站建設、網頁設計、企業做網站、公司建網站等業務。立足成都服務張家港,十年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18982081108
RSS 允許對新聞和更新進行快速瀏覽。
在下面的 AJAX 實例中,我們將演示一個 RSS 閱讀器,通過它,來自 RSS 的內容在不進行刷新的情況下載入網頁。
本例包括三個元素:
簡單的 HTML 表單JavaScriptPHP 頁面這是 HTML 頁面。它包含一個簡單的 HTML 表單和執行一個 JavaScript 文件的鏈接:
<html><head><script type="text/javascript" src="getrss.js"></script></head><body><form> Select an RSS-Feed:<select onchange="showRSS(this.value)"><option value="Google">Google News</option><option value="MSNBC">MSNBC News</option></select></form><p><div id="rssOutput"><b>RSS Feed will be listed here.</b></div></p></body></html> 例子解釋 - HTML 表單正如您看到的,上面的 HTML 頁面包含一個簡單的 HTML 表單,其中帶有一個下拉列表框。
表單是這樣工作的:
當用戶選擇下拉框中的選項時,會觸發一個事件當事件觸發時,執行 showRSS() 函數表單下面是名為 "rssOutput" 的一個 <div>。它用作 showRSS() 函數所返回的數據的占位符。
JavaScript 代碼存儲在 "getrss.js" 中,它與 HTML 文檔相連接:
var xmlHttpfunction showRSS(str) { xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="getrss.php" url=url+"?q="+str url=url+"&sid="+Math.random() xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true) xmlHttp.send(null) }function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById("rssOutput") .innerHTML=xmlHttp.responseText } }function GetXmlHttpObject(){var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } }return xmlHttp;} 例子解釋:stateChanged() 和 GetXmlHttpObject 函數與 PHP 和 AJAX 請求 這一節中的例子相同。
showRSS() 函數每當在下拉框中選擇選擇時,該函數就會執行:
定義發送到服務器的 url (文件名)把參數 (q) 添加到 url,參數內容是下拉框中的被選項添加一個隨機數,以防止服務器緩存文件調用 GetXmlHttpObject 函數來創建 XMLHTTP 對象,并告知該對象在觸發一個改變時去執行 stateChanged 函數通過給定的 url 來打開 XMLHTTP把 HTTP 請求發動到服務器調用 JavaScript 代碼的服務器頁面是名為 "getrss.php" 的 PHP 文件:
<?php//get the q parameter from URL$q=$_GET["q"];//find out which feed was selectedif($q=="Google") { $xml=("http://news.google.com/news?ned=us&topic=h&output=rss"); }elseif($q=="MSNBC") { $xml=("http://rss.msnbc.msn.com/id/3032091/device/rss/rss.xml"); }$xmlDoc = new DOMDocument();$xmlDoc->load($xml);//get elements from "<channel>"$channel=$xmlDoc->getElementsByTagName('channel')->item(0);$channel_title = $channel->getElementsByTagName('title')->item(0)->childNodes->item(0)->nodeValue;$channel_link = $channel->getElementsByTagName('link')->item(0)->childNodes->item(0)->nodeValue;$channel_desc = $channel->getElementsByTagName('description')->item(0)->childNodes->item(0)->nodeValue;//output elements from "<channel>"echo("<p><a href='" . $channel_link . "'>" . $channel_title . "</a>");echo("<br />");echo($channel_desc . "</p>");//get and output "<item>" elements$x=$xmlDoc->getElementsByTagName('item');for ($i=0; $i<=2; $i++) { $item_title=$x->item($i)->getElementsByTagName('title') ->item(0)->childNodes->item(0)->nodeValue; $item_link=$x->item($i)->getElementsByTagName('link') ->item(0)->childNodes->item(0)->nodeValue; $item_desc=$x->item($i)->getElementsByTagName('description') ->item(0)->childNodes->item(0)->nodeValue; echo ("<p><a href='" . $item_link . "'>" . $item_title . "</a>"); echo ("<br />"); echo ($item_desc . "</p>"); }?> 例子解釋:當一個選項從 JavaScript 發送時,會發生:
PHP 找出哪個 RSS feed 被選中為選中的 RSS feed 創建 XML DOM 對象找到并輸出來自 RSS 頻道的元素遍歷前三個 RSS 項目中的元素,并進行輸出
本文名稱:PHP和AJAXRSS閱讀器-6.8PHP和AJAX
本文網址:http://vcdvsql.cn/article32/dghhosc.html
成都網站建設公司_創新互聯,為您提供響應式網站、用戶體驗、企業網站制作、網站營銷、、網頁設計公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯