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檔案。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
