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. 安全性重視の完全無料ナンピンマーチンEA「Million Dollar(ミリオンダラー)」 #FX #ゴールド #ビットコイン (2 PV)
  2. Google Finance(グーグルファイナンス)- リアルタイム株価情報、金融ニュース、日本株 (1 PV)
  3. 完全無料のMT5用ナンピンEA「Nanpin K(ナンピンケイ) MT5」 (1 PV)
  4. SQLiteのSELECT文で上位 (TOP) n件のデータを取得する (1 PV)
  5. [PR]ノーコードEA作成ツール「EAつくーる(GogoJungle)」 #MT4 #MT5 #自動売買 (1 PV)
  6. 有名まとめサイトの管理人「JIN」さんが株、FXで約-8000万の大損失 #もうダメだ、終わった (1 PV)
  7. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (1 PV)
  8. Google News (グーグルニュース)日本版 (1 PV)
  9. 「xVideoServiceThief」無料の動画ダウンロードツール (1 PV)
  10. MT4向けオープンソースナンピンマーチンEA「Automaton」 (1 PV)

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

  1. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (1942 PV)
  2. 安全性重視の完全無料ナンピンマーチンEA「Million Dollar(ミリオンダラー)」 #FX #ゴールド #ビットコイン (318 PV)
  3. Google Finance(グーグルファイナンス)- リアルタイム株価情報、金融ニュース、日本株 (279 PV)
  4. MT4向けオープンソースナンピンマーチンEA「Automaton」 (163 PV)
  5. 完全無料のMT5用ナンピンEA「Nanpin K(ナンピンケイ) MT5」 (145 PV)
  6. 自作のMT4向け無料EA(口座縛り無し、ブローカー縛り無し、使用期限無し)とゴゴジャン出品中の有料EAの一覧 #MT4 (144 PV)
  7. [FX]高値更新・安値更新でエントリー、MT4向け無料スキャルピングEA「1Scalper」#システムトレード (136 PV)
  8. MT4向け1ポジアノマリーEA「DAY TRADING」オープンソースライセンス(GPL3)で公開 #ドル円 (129 PV)
  9. 完全無料のMT4向けナンピンEA「Nanpin K(ナンピンケイ)」 (117 PV)
  10. SQLiteのSELECT文で上位 (TOP) n件のデータを取得する (113 PV)

アクセス統計

ディレクトリ

関連サイト