[jQ]jFeed 1.0

作者：男丁格爾 | 日期：2009-09-05 | 分類：jQuery 外掛 | 瀏覽：911 | 留言：23

jFeed_1_0

如果您需要一個輕量級的 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
1
2
3
4
5
6
7
8
9
10
11

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

JFeed 屬性說明：

?檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// 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
1
2
3
4
5
6
7
8
9
10
11
12
13
14

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

方法說明：

?檢視原始碼 JavaScript
1
2

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

使用範例：

?檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<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>

範例瀏覽：
http://demonstration.abgne.tw/jquery/plugins/0043/0043.html

相關連結
推薦內容
標籤：, , ,
發表留言

如果有任何 jQuery 問題也可以直接到 討論區 中發文討論。
  1. 懶懶
    2009-12-15 13:22:39 回覆

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

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


  2. 懶懶
    2009-12-15 14:06:23 回覆

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

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

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


    • 男丁格爾
      男丁格爾
      2009-12-15 15:28:09 回覆

      JavaScript 要跨網域抓資料的話..通常都需要額外的程式來配合
      因此這邊的 proxy.php 是必要的


  3. Daisy
    2010-07-21 11:26:25 回覆

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


    • 男丁格爾
      男丁格爾
      2010-07-21 11:42:10 回覆

      proxy.php 不限要放那裡..以範例來說的話..是跟 html 放同目錄中的..
      但主要是看你 getFeed() 中的 url 的設定


  4. Daisy
    2010-07-22 14:08:16 回覆

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

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


    • 男丁格爾
      男丁格爾
      2010-07-22 14:15:27 回覆

      可以的話..把你有問題的範例寄給我看看..


  5. 巴斯
    2010-07-27 14:45:55 回覆

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


    • 男丁格爾
      男丁格爾
      2010-07-27 14:47:21 回覆

      你有放 proxy.php 嗎?


  6. 巴斯
    2010-07-27 14:50:02 回覆

    不好意思我是按照範例的

    請問 proxy.php 要放哪裡呢


    • 男丁格爾
      男丁格爾
      2010-07-27 14:52:36 回覆

      依你的 url: 'proxy.php?url=' + newRss 設定為主...
      如果一樣的寫法就是放在跟 html 同錄徑就可以


  7. 巴斯
    2010-07-27 15:06:29 回覆

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


    • 男丁格爾
      男丁格爾
      2010-07-27 15:07:51 回覆

      你有 proxy.php 嗎?有的話...把它跟 html 放同一個資料夾就可以了


  8. 巴斯
    2010-07-27 15:13:36 回覆

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


    • 男丁格爾
      男丁格爾
      2010-07-27 15:18:26 回覆

      唔~正常來說..作者網站下載就有了..
      或者使用我剛剛補上去的檔案..(文章上面)


  9. 巴斯
    2010-07-27 15:28:40 回覆

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


    • 男丁格爾
      男丁格爾
      2010-07-27 15:31:53 回覆

      ㄟ..下載後應該是個 zip 檔..請解壓縮


  10. 巴斯
    2010-07-27 15:36:51 回覆

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


    • 男丁格爾
      男丁格爾
      2010-07-27 15:38:04 回覆

      把你的 html+css+js+php 整包壓起來寄給我試看看吧..!


  11. 巴斯
    2010-07-27 15:40:33 回覆

    但電影還是不會顯示出來>""<...


  12. 巴斯
    2010-07-27 15:51:21 回覆

    OK 寄了


  13. 巴斯
    2010-07-30 14:19:30 回覆

    請問是放在 xampp -> htdocs裡嗎


    • 男丁格爾
      男丁格爾
      2010-07-30 14:25:01 回覆

      是的...把檔案放進去就可以透過 http://localhost/ 來瀏覽了