PHP和AJAXRSS閱讀器-6.8PHP和AJAX

RSS 閱讀器用于閱讀 RSS Feed。

創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)張家港,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18982081108

RSS 允許對(duì)新聞和更新進(jìn)行快速瀏覽。

AJAX RSS 閱讀器

在下面的 AJAX 實(shí)例中，我們將演示一個(gè) RSS 閱讀器，通過(guò)它，來(lái)自 RSS 的內(nèi)容在不進(jìn)行刷新的情況下載入網(wǎng)頁(yè)。

在下面的列表框中選擇一個(gè) RSS 新聞?dòng)嗛? Select an RSS-Feed: Google News MSNBC News

在此列出 RSS Feed。

本例包括三個(gè)元素：

簡(jiǎn)單的 HTML 表單JavaScriptPHP 頁(yè)面

HTML 表單

這是 HTML 頁(yè)面。它包含一個(gè)簡(jiǎn)單的 HTML 表單和執(zhí)行一個(gè) 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 頁(yè)面包含一個(gè)簡(jiǎn)單的 HTML 表單，其中帶有一個(gè)下拉列表框。

表單是這樣工作的：

當(dāng)用戶選擇下拉框中的選項(xiàng)時(shí)，會(huì)觸發(fā)一個(gè)事件當(dāng)事件觸發(fā)時(shí)，執(zhí)行 showRSS() 函數(shù)

表單下面是名為 "rssOutput" 的一個(gè) <div>。它用作 showRSS() 函數(shù)所返回的數(shù)據(jù)的占位符。

JavaScript

JavaScript 代碼存儲(chǔ)在 "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 函數(shù)與 PHP 和 AJAX 請(qǐng)求這一節(jié)中的例子相同。

showRSS() 函數(shù)

每當(dāng)在下拉框中選擇選擇時(shí)，該函數(shù)就會(huì)執(zhí)行：

定義發(fā)送到服務(wù)器的 url （文件名）把參數(shù) (q) 添加到 url，參數(shù)內(nèi)容是下拉框中的被選項(xiàng)添加一個(gè)隨機(jī)數(shù)，以防止服務(wù)器緩存文件調(diào)用 GetXmlHttpObject 函數(shù)來(lái)創(chuàng)建 XMLHTTP 對(duì)象，并告知該對(duì)象在觸發(fā)一個(gè)改變時(shí)去執(zhí)行 stateChanged 函數(shù)通過(guò)給定的 url 來(lái)打開(kāi) XMLHTTP把 HTTP 請(qǐng)求發(fā)動(dòng)到服務(wù)器

PHP 頁(yè)面

調(diào)用 JavaScript 代碼的服務(wù)器頁(yè)面是名為 "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>"); }?> 例子解釋：

當(dāng)一個(gè)選項(xiàng)從 JavaScript 發(fā)送時(shí)，會(huì)發(fā)生：

PHP 找出哪個(gè) RSS feed 被選中為選中的 RSS feed 創(chuàng)建 XML DOM 對(duì)象找到并輸出來(lái)自 RSS 頻道的元素遍歷前三個(gè) RSS 項(xiàng)目中的元素，并進(jìn)行輸出

本文名稱：PHP和AJAXRSS閱讀器-6.8PHP和AJAX
本文網(wǎng)址：http://www.js-pz168.com/article32/dghhosc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、用戶體驗(yàn)、企業(yè)網(wǎng)站制作、網(wǎng)站營(yíng)銷、、網(wǎng)頁(yè)設(shè)計(jì)公司

聲明：本網(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í)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx

PHP和AJAXRSS閱讀器-6.8PHP和AJAX