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 #ゴールド #ビットコイン (13 PV)
  2. 有名まとめサイトの管理人「JIN」さんが株、FXで約-8000万の大損失 #もうダメだ、終わった (4 PV)
  3. Million Dollar(MT4)リアルフォワード(myfxbook) #Gold(XAUUSD) #ナンピンマーチン (4 PV)
  4. 「Repeat K」高値安値の中間レートを基準に逆張りポジションを持つMT4向けリピート系(ナンピン)無料EA #自動売買 (4 PV)
  5. 自作のMT4向け無料EA(口座縛り無し、ブローカー縛り無し、使用期限無し)とゴゴジャン出品中の有料EAの一覧 #MT4 (3 PV)
  6. MT5用レンジ相場向け逆張りナンピンEA「Nanpin K(ナンピンケイ) MT5」を完全無料で公開 (3 PV)
  7. Google Finance(グーグルファイナンス)- リアルタイム株価情報、金融ニュース、日本株 (2 PV)
  8. [FX]裁量ポジションを簡単に管理できるMT4向け無料EA「PositionKeeper」 (2 PV)
  9. MT4向けオープンソースナンピンマーチンEA「Automaton」 (2 PV)
  10. 破産するする詐欺、ちぬちぬ(死ぬ死ぬ)詐欺とは (2 PV)

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

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

アクセス統計

ディレクトリ

関連サイト