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
- SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (7 PV)
- [将棋]第75期名人戦第2局はポナンザ流早繰り銀で攻めた佐藤天彦名人が稲葉陽八段に勝ち1勝1敗に (2 PV)
- Google Finance（グーグルファイナンス）- リアルタイム株価情報、金融ニュース、日本株 (1 PV)
- ウィルコム、「Access P-BERRY（アクセス ピーベリー）」サービスを開始 (1 PV)
- Googleが過去最大級のアップデートを発表―セマンティック検索実現へ大きく一歩踏み出す (1 PV)
- メルクマニュアル 日本語版 (1 PV)
- 確定申告（かくていしんこく）とは (1 PV)
- #美人秘書 をものにしたいならダイナース、楽天カードやビックカメラSuicaカードはダメダメ (1 PV)
- 中島美嘉（なかしまみか） (1 PV)
- デザインパターン (1 PV)
今月のアクセスランキング TOP 10
- SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (135 PV)
- 2NN 2ちゃんねるニュース速報＋ナビ (57 PV)
- 究極の爆益ゴールドナンピンマーチンEA「Extreme（エクストリーム）」 MT4向け (45 PV)
- 爆益を狙うハイリスクハイリターンのナンピンマーチンEA「Hyper Dollar MT5」 (34 PV)
- 仲値トレードが簡単にできる無料EA「NAKANE3」 #MT4 (33 PV)
- Google Finance（グーグルファイナンス）- リアルタイム株価情報、金融ニュース、日本株 (33 PV)
- ドル円(USDJPY)で爆益を狙うハイリスクハイリターンのMT4向けナンピンマーチンEA「Hyper Dollar」 (29 PV)
- 自作のMT4向け無料EA（口座縛り無し、ブローカー縛り無し、使用期限無し）とゴゴジャン出品中の有料EAの一覧 #MT4 (26 PV)
- Google（グーグル）検索 日本版 - ウェブ、画像の検索 (26 PV)
- 「国家非常事態」トランプ米大統領が日本に24%の関税を課すと表明 日経平均株価が急落 (25 PV)
アクセス統計
ディレクトリ
関連サイト