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 LibraryjQuery 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)
オープン | 0 point | Link (2) | Trackback (0) | Comment (0)
キーワード
jQuery JavaScript ライブラリ Ajax RSS フィード サンプル プログラム
追記
| JavaScript、jQueryのサンプル、ライブラリ、プラグインなど | |
|
|
| 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
- 完全無料のMT5用ナンピンEA「Nanpin K（ナンピンケイ） MT5」 使用制限無し (1 PV)
- 中上級者向け安全性重視のナンピンツール（半自動EA）「Million Dollar Pro」 #MT4 #有料版 (1 PV)
- 将棋実況チャンネル【クロノ】 - ヤフーニュースに掲載された将棋系ユーチューバー (1 PV)
- [FX]同一通貨ペアのポジションをまとめて決済できるMT5向けツール（EA）「Closer（クローザー） MT5」を完全無料で公開 (1 PV)
- 無料のMT4向けナンピンマーチン爆益（爆損）EA「Jipangu（ジパング）」 (1 PV)
今月のアクセスランキング TOP 10
- 2NN 2ちゃんねるニュース速報＋ナビ (3273 PV)
- SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (488 PV)
- 安全性重視の完全無料ナンピンマーチンEA「Million Dollar（ミリオンダラー）」 #FX #ゴールド #ビットコイン (91 PV)
- 自作のMT4向け無料EA（口座縛り無し、ブローカー縛り無し、使用期限無し）とゴゴジャン出品中の有料EAの一覧 #MT4 (89 PV)
- SQLiteのSELECT文で上位 (TOP) n件のデータを取得する (70 PV)
- Million Dollar Ver 1.09向けの収益性を重視したゴールド（Gold、XAUUSD）ロングセットファイル (64 PV)
- 無料のMT4向けナンピンマーチン爆益（爆損）EA「Jipangu（ジパング）」 (63 PV)
- 仲値トレードが簡単にできる無料EA「NAKANE3 Ver 2.04」 #MT4 (59 PV)
- [FX]裁量ポジションを簡単に管理できるMT4向け無料の裁量補助EA「PositionKeeper」 (51 PV)
- 2chまとめサイト - 痛いニュース(ﾉ∀`) (46 PV)
アクセス統計
ディレクトリ
関連サイト