jQueryを使ってフィード(RSS2.0)の内容を取得するサンプルプログラム

JavaScriptライブラリの一つである「jQuery」を使ってフィード(RSS2.0)の内容を取得するサンプルプログラムです。

動作させるには、jQueryのサイトからjquery-1.3.2.min.jsをダウンロードしておく必要があります。また、feed.html、rss.xmlは同じドメインのサイトである必要があります。なお、rss.xmlについては、どこかからRSS 2.0形式のRSSフィードをダウンロードしてください。

--- feed.html ---

<html>
<head>
<meta http-equiv="content-type content="text/html; charset=utf-8" >
<title>Ajax フィード(RSS2.0)の表示</title>
<script type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
  $.ajax({
    url: "rss.xml",
    async: true,
    cache: false,
    dataType: "xml",
    success: function(xml){
      $(xml).find('item').each(function(i){
        if (i == 5) {
          return false;
        }
        var title = $(this).find('title').text();
        var url = $(this).find('link').text();
        $('#itemlist').append('<a href="'+url+'">'+title+'</a><br />');
      });
    }
  });
});
// --></script>

</head>
<body>
<h3>Ajax フィード(RSS2.0)の表示</h3>

<div id="itemlist">
<!-- ここにフィードの内容が表示される -->
</div>

</body>
</html>

jQuery: The Write Less, Do More, JavaScript Library
jQuery 1.2.6 日本語リファレンス
jQuery: JavaScriptでサイトのRSSを読み込み&表示。XML操作。ドメイン内部編。 | t.p.fields - web+tech info

jQueryで作る Ajaxアプリケーション
著者:沖林 正紀
価格:2,919円
技術評論社

by Amalink
[1323] Posted by kagahiro at 2009/05/11 15:20:54
オープン | 0 point | Link (2) | Trackback (0) | Comment (0)

キーワード

jQuery JavaScript ライブラリ Ajax RSS フィード サンプル プログラム 

ジャパンのホームページ

追記

JavaScript、jQueryのサンプル、ライブラリ、プラグインなど


ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery(入門編)



まじで使えるJavascriptライブラリ75選



[JS]jQueryのプラグイン33+1選 -2008年9月 | コリス


Posted by kagahiro at 2009/05/23 01:32:09

jQueryを使ってフィード(RSS2.0)の内容を取得するサンプルプログラム 関連リンク

JavaScript(Ajax)ライブラリのリンク集
WebアプリケーションでリッチなUIや便利な機能の実装を可能にするJavaScript(Ajax)ライブラリのリンク集です。日本語の情報は、jQueryとprototype.jsに関するものが多いようです。jQuery: The Write Less, Do More...
jQueryもけっこう重いかも
軽量JavaScriptライブラリとして人気の「jQuery」ですが、コメントや余分なスペース、改行などが取り除かれたもので約56KBなので、意外とパフォーマンスに与える影響は大きいのかもしれません。語句ログでは、サイド...

jQueryを使ってフィード(RSS2.0)の内容を取得するサンプルプログラム トラックバック

トラックバックURL :


jQueryを使ってフィード(RSS2.0)の内容を取得するサンプルプログラムへのコメント


詳細の入力フィールドを表示する

おすすめ  (チェックしてコメントすると最新情報に掲載)
コメント :

< 前の投稿      次の投稿 >

アクセスランキング

今日のアクセスランキング TOP 10

  1. [Perl]UTF-8でエンコードされた文字列の文字数を取得するコード (5 PV)
  2. FC2動画やYouTubeなどから無料動画(映画やドラマ、アニメ、音楽など)を探す方法 (4 PV)
  3. [将棋]将棋実況ユーチューバーのクロノさんが朝日新聞のクレームで棋譜中継を配信中止 (3 PV)
  4. ウェブページを1回だけリロード(再表示)する方法 (2 PV)
  5. 最新のGoogle News(グーグルニュース)日本版のRSSが取得できるURL (2 PV)
  6. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (2 PV)
  7. 将棋ウォーズスーパープレミアムプラン販売開始、香川愛生女流三段のボイスが選択可能 #将棋 (1 PV)
  8. YouTubeドラマまとめ ドラマ・映画 -VideoNavi- (1 PV)
  9. 将棋ウォーズ「スーパープレミアムプラン」のボイスに室谷由紀女流二段 (1 PV)
  10. SQLiteのSELECT文でn件目~m件目までのデータを取得する (1 PV)

今月のアクセスランキング TOP 10

  1. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (2119 PV)
  2. 最新のGoogle News(グーグルニュース)日本版のRSSが取得できるURL (1511 PV)
  3. Google News (グーグルニュース)日本版 (1472 PV)
  4. Tumblr(タンブラー)のダッシュボードからおすすめ投稿を消す(非表示にする)方法 (383 PV)
  5. 有力将棋系ユーチューバーのショウヤンさんが将棋ウォーズで「ソフト指し」を告白し衝撃走る (355 PV)
  6. [将棋]角換わり▲4五桂速攻(△6五桂速攻) #佐藤天彦名人 #三浦弘行九段 (249 PV)
  7. [Perl]UTF-8でエンコードされた文字列の文字数を取得するコード (231 PV)
  8. ウェブページを1回だけリロード(再表示)する方法 (196 PV)
  9. FC2動画やYouTubeなどから無料動画(映画やドラマ、アニメ、音楽など)を探す方法 (135 PV)
  10. USTREAM(ユーストリーム) 日本語版 無料のライブ映像配信サービス (133 PV)

アクセス統計

ディレクトリ

関連サイト