男丁格爾'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>

範例 1

檔案描述
基本的範例檔案(免空)	開始下載
基本的範例檔案	會員限定

也許您對這些文章也有興趣

23 筆針對 [jQ]jFeed 1.0 的迴響

1 2 下一頁 »

懶懶於 2009-12-15 13:22:39 說：

不知道哪裡弄錯了
我把範例另存網頁
直接開卻顯示不出ＲＳＳ＠＠

是不是跟「proxy.php?url=」有關＠＠？

回覆 ↓
懶懶於 2009-12-15 14:06:23 說：

對XD
後來去下套件
把裡面的proxy.php放進去就可以了

本來以為這種RSS顯示方法不會牽扯到PHP
沒想到還是會用到他XD

上面的留言有點輕率
見笑了XD
好開心ˇ 問題解決了ˇ

回覆 ↓
- 男丁格爾於 2009-12-15 15:28:09 說：
  
  JavaScript 要跨網域抓資料的話..通常都需要額外的程式來配合
  因此這邊的 proxy.php 是必要的
  
  回覆 ↓
Daisy 於 2010-07-21 11:26:25 說：

不好意思請問 RSS 還是沒有出來
要如何修改呢...
你們提到的proxy.php要放哪裡....

回覆 ↓
- 男丁格爾於 2010-07-21 11:42:10 說：
  
  proxy.php 不限要放那裡..以範例來說的話..是跟 html 放同目錄中的..
  但主要是看你 getFeed() 中的 url 的設定
  
  回覆 ↓
Daisy 於 2010-07-22 14:08:16 說：

請問按照範本還是沒有出來......

有哪裡需要修改嗎......

回覆 ↓
- 男丁格爾於 2010-07-22 14:15:27 說：
  
  可以的話..把你有問題的範例寄給我看看..
  
  回覆 ↓
巴斯於 2010-07-27 14:45:55 說：

請問板主
我按照範例做但電影沒有出來
請問有要修改哪裡嗎?

回覆 ↓
- 男丁格爾於 2010-07-27 14:47:21 說：
  
  你有放 proxy.php 嗎?
  
  回覆 ↓
巴斯於 2010-07-27 14:50:02 說：

不好意思我是按照範例的

請問 proxy.php 要放哪裡呢

回覆 ↓
- 男丁格爾於 2010-07-27 14:52:36 說：
  
  依你的 url: 'proxy.php?url=' + newRss 設定為主...
  如果一樣的寫法就是放在跟 html 同錄徑就可以
  
  回覆 ↓
巴斯於 2010-07-27 15:06:29 說：

跟 html 同錄徑.....
是要怎麼讓他們同路徑...
要怎麼改....

回覆 ↓
- 男丁格爾於 2010-07-27 15:07:51 說：
  
  你有 proxy.php 嗎?有的話...把它跟 html 放同一個資料夾就可以了
  
  回覆 ↓
巴斯於 2010-07-27 15:13:36 說：

沒有..
請問可以提供載點嗎..

回覆 ↓
- 男丁格爾於 2010-07-27 15:18:26 說：
  
  唔~正常來說..作者網站下載就有了..
  或者使用我剛剛補上去的檔案..(文章上面)
  
  回覆 ↓
巴斯於 2010-07-27 15:28:40 說：

謝謝有下載了
proxy.php 不能打開
放再同一個資料夾但還是沒有顯示出來.....><"

回覆 ↓
- 男丁格爾於 2010-07-27 15:31:53 說：
  
  ㄟ..下載後應該是個 zip 檔..請解壓縮
  
  回覆 ↓
巴斯於 2010-07-27 15:36:51 說：

有解壓縮...放進去了...

回覆 ↓
- 男丁格爾於 2010-07-27 15:38:04 說：
  
  把你的 html+css+js+php 整包壓起來寄給我試看看吧..!
  
  回覆 ↓

也許您對這些文章也有興趣

23 筆針對 [jQ]jFeed 1.0 的迴響

發表迴響 取消回覆

發表迴響取消回覆