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
- レンタルサーバー「heteml(ヘテムル)」にメールフォーム簡単設置機能 (3 PV)
- 2NN 2ちゃんねるニュース速報＋ナビ (2 PV)
- 中国の大手取引所の閉鎖でビットコイン大暴落！ (1 PV)
- Google Finance（グーグルファイナンス）- リアルタイム株価情報、金融ニュース、日本株 (1 PV)
- FC2WiFI (1 PV)
- [FX]高値更新・安値更新でエントリー、MT4向け無料スキャルピングEA「1Scalper」#システムトレード (1 PV)
- 朝スキャとは #EA #自動売買 #FX #スキャル (1 PV)
- android情報まとめ @ ウィキ - トップページ (1 PV)
- DevQuiz しりとりで使ったプログラム #gdd2010jp (1 PV)
今月のアクセスランキング TOP 10
- SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (132 PV)
- 2NN 2ちゃんねるニュース速報＋ナビ (34 PV)
- Google Finance（グーグルファイナンス）- リアルタイム株価情報、金融ニュース、日本株 (26 PV)
- 自作のMT4向け無料EA（口座縛り無し、ブローカー縛り無し、使用期限無し）とゴゴジャン出品中の有料EAの一覧 #MT4 (21 PV)
- 裁量トレードを半自動化する無料のMT5向け裁量トレード支援ツール（裁量補助EA）「PositionKeeper MT5」 #FX (18 PV)
- [FX]高値更新・安値更新でエントリー、MT4向け無料スキャルピングEA「1Scalper」#システムトレード (16 PV)
- YouTube（ユーチューブ）日本版 - 動画共有、ライブ配信 (15 PV)
- [FX]裁量ポジションを簡単に管理できるMT4向け無料の裁量補助EA「PositionKeeper」 (14 PV)
- MT4向け1ポジブレイクアウトEA「HEADLINE」オープンソースライセンス（GPL3）で公開 #USDJPY (14 PV)
- FC2WiFI (13 PV)
アクセス統計
ディレクトリ
関連サイト