程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> 利用PHP函數來實現“橋接”AJAX引擎和RSS內容

利用PHP函數來實現“橋接”AJAX引擎和RSS內容

編輯:PHP綜合

RSS聚合器是一種特別適合於使用標准AJAX引擎進行構建的應用程序,然而,要實現對RSS回饋的跨域的AJAX請求往往是很難的。在本文中,我將向你展示如何利用一個簡單的PHP函數來實現"橋接"AJAX引擎和RSS內容。

一、 引言

現在,開發一個RSS聚合器已經不再是困難的事情,但是開發一個高質量的RSS聚合器卻仍然存在相當的難度。另一方面,創建一個定制聚合器一般不是很難,並且在這種聚合器內能夠提供一個你自己選擇的接口。RSS聚合代表了一類特別適合於一個AJAX應用程序所消費的數據,這是因為:它是XML格式的,並且AJAX能夠良好地顯示新的回饋而不必進行頁面刷新。然而問題總是存在:在一個標准的AJAX引擎中實現跨域的AJAX請求是不可能的。在本文中,我將向你展示如何利用一個很簡單的PHP函數來橋接AJAX引擎和遠程內容(在本文中它指的是RSS回饋)。

【提示】 本文假定你已經對PHP有一個基本理解並且有使用AJAX和分析XML的經驗。要全面理解本文所提供的示例,你需要下載相應的源碼文件。

二、 開始

在我們正式開始前,我想簡短地介紹一下我們將用於發出請求的AJAX引擎。該引擎能夠簡化AJAX調用並且有助於消除當發出請求和調度響應時存在的大量冗余。我不會詳細討論它的組成代碼,而僅向你簡短地介紹我們在本文中如何使用它。

首先,我們需要導入構成該引擎的所有JavaScript文件。包含在我們的index.html文件中的代碼看起來如下所示:

<script type="text/javascript" src="js/model/HTTP.js"></script>
<script type="text/javascript" src="js/model/Ajax.js"></script>
<script type="text/javascript" src="js/model/AjaxUpdater.js"></script>

一旦我們導入該JavaScript文件,我們就可以通過編寫類似下列的代碼來發出一個請求:

AjaxUpdater.Update('GET', 'url',callbackMethod);">

該AjaxUpdater是一個對象,它負責處理我們的AJAX調用。我們簡單地調用它的Update方法並且傳遞請求的方法,我們請求的URL,以及我們想把該響應代理到的回調方法。

當發出我們的請求時,這就是所有我們需要關心的。現在,讓我們集中於定制RSS聚合器的功能。

三、 入口點

指向該聚合器的入口是index.html文件,我們從浏覽器中對它進行調用。下面是描述該index的代碼:

<html>
<head>
<title>RSS Aggregation with PHP and Ajax</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/model/HTTP.js"></script>
<script type="text/javascript" src="js/model/Ajax.js"></script>
<script type="text/javascript" src="js/model/AjaxUpdater.js"></script>
<script type="text/javascript" src="js/controller/Aggregator.js"></script>
<script type="text/javascript" src="js/view/Feed.js"></script>
</head>
<body>
<div id="Aggregator">
<form name="feedForm" method="post" action="javascript:AjaxUpdater.Update('GET', 'bridge/rss.php?feed=' + document.feedForm.feed.value, Aggregator.Read);">
<div class="header">
<input type="text" name="feed" id="feed" size="50">
<input type="submit" name="submit" value="Add Feed">
</div>
</form>
<div class="leftColumn">
<div id="titles"></div>
<div id="loading"></div>
</div>
<div class="rightColumn">
<div id="description"></div>
</div>
</div>
</body>
</html>

這個文件負責導入處理我們的聚合器顯示的CSS文件和所有的用於創建該聚合器和發出AJAX請求的JavaScript文件。

【提示】本文並沒有討論該CSS文件;我們只集中於討論通過JavaScript實現的聚合和分析。

然後,由該索引定義DIV標記,這些標記將用於描述接收到的數據的布局。它還包含一個表單,其中有一個輸入域用來輸入RSS回饋的URL,還有一個提交按鈕用於向它們發送請求。當點擊該按鈕時,將發送一個請求以接收RSS回饋並且把該響應發送到一個稱為Aggregator的對象;我們將在討論使用AJAX技術進行遠程RSS回饋檢索之後來介紹它。

四、 跨域AJAX請求

跨域AJAX請求是不可能的,但是的確存在一些方法以利用一種服務器端語言來解決這個問題。在這一節中,我要討論如何使用PHP來創建AJAX請求和一個遠程RSS回饋之間的一個橋接,進而實現成功地跨域請求之目的。我想你很可能會對它如此容易的實現感到驚訝。

PHP中提供了一個稱為file_get_contents的本地方法,它能夠把整個文件內容讀取到一個字符串中。如果啟動fopen包裝器的話,這個文件可以是一個遠程文件;在你安裝PHP時默認情況下是啟動的。如果在php.ini文件內把allow_url_fopen設置為off它才處於禁止狀態。下列代碼相應於該bridge.php文件的內容,當提交表單時我們使用index.html發送請求:

<?
header("Content-Type: application/xml; charset=UTF-8");
echo file_get_contents($_GET['feed']);
?>

上面代碼中的第一行是一個頭(header),它負責把響應的內容類型設置為針對我們的請求對象的有效的XML。然後,調用file_get_contents,並結合回饋URL-這是通過我們的從index.html文件內的表單發出的請求進行傳遞的。一旦這些數據就緒,AJAX引擎即把它們代理到回調方法-我們的Aggregator對象。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved