男丁格爾's 脫殼玩

沒錯!只要 600 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

如果您需要一個輕量級的 Feed 解析器的話，那麼 jFeed 套件是個不錯的選擇。目前 jFeed 支援 RSS 0.91, 0.92, 1.0, 2.0 及 Atom 1.0 的解析，如果是要取得跨網域的資料時，作者也提供一個 proxy 供使用。

套件名稱：jFeed
套件版本：1.0
作者網站：http://www.hovinne.com/blog/in......atom-feed-parser-plugin
套件網址：http://plugins.jquery.com/project/jFeed
發佈日期：2008-10-11
檔案大小：3.68 KB
檔案下載：jquery.jfeed.js proxy.php

參數說明：

檢視原始碼 JavaScript

url(必填)
描述： Feed 的來源網址(URL)
預設值： null
 
data(選填)
描述： 要傳給 Server 的資料，請參考 jQuery.ajax 的 data 屬性
預設值： null
 
success(選填)
描述： 當成功取得 Feed 內容時執行的函式，該函式會取得一個 JFeed 物件參數 
預設值： null

JFeed 屬性說明：

檢視原始碼 JavaScript

// Feed 的類型
feed.type
 
// Feed 的版本
feed.version
 
// Feed 的標題
feed.title
 
// Feed 的連結
feed.link
 
// Feed 的描述
feed.description
 
// Feed 的語系
feed.language
 
// Feed 的更新日期
feed.updated
 
// Feed 的 Items 陣列(JFeedItem)
feed.items: an array of JFeedItem

JFeedItem 屬性說明：

檢視原始碼 JavaScript

// item 的標題
item.title
 
// item 的連結
item.link
 
// item 的描述
item.description
 
// item 的更新日期
item.updated
 
// item 的 id
item.id

方法說明：

檢視原始碼 JavaScript

1 2	// 取得指定的 Feed 內容 $.getFeed(options);

使用範例：

檢視原始碼 JavaScript

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.jfeed.js"></script>
<script type="text/javascript">
	$(function(){
		// 設定要讀取的 RSS 或是 ATOM 等的來源
		var newRss = 'http://tw.movie.yahoo.com/rss/upcoming';
		$.getFeed({
			// 如果是跨網域的話，請使用 proxy 的方式來取得內容
			url: 'proxy.php?url=' + newRss,
			// 讀取成功時...
			success: function(feed){
				// 先在 #result 中加上此內容的標題及連結
				$('#result').append('<h2><a href="' + feed.link + '">' + feed.title + '</a></h2>');
 
				var html = '';
				// 從取得的 items 中一一取出 link, title, updated 及 description 等內容
				for(var i=0; i<feed.items.length; i++){
					var item = feed.items[i];
					html += '<h3><a href="' + item.link + '">' + item.title + '</a></h3>';
					html += '<div class="updated">' + item.updated + '</div>';
					html += '<div>' + item.description + '</div>';
				}
 
				// 最後附加到 #result 中
				$('#result').append(html);
			}
		});
	});
</script>
 
<body>
	<h1>jFeed 讀取 Yahoo!奇摩電影 RSS</h1>
	<div id="result"></div>
</body>