[date:20090511]の検索結果
少量から・一括で検索、見積、購入ができる電子部品・半導体の通販サイト。
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 |
(追記あり)
フォームから入力されたXMLファイルを取得して、その内容を表示するという基本的な処理を行う Ajaxのサンプルプログラムです。
--- jslib.js (Ajaxの処理を行うJavaScritプログラム) ---
// JavaScript library // jslibs.js function createXMLHttpRequest(cbFunc) { xmlHttpObject = null; if (window.XMLHttpRequest) { // Firefox,Safari,etc (Not IE) xmlHttpObject = new XMLHttpRequest(); } else if (window.ActiveXObject) { //IE try { xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP"); // IE6 } catch(e) { try { xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP"); // IE5 } catch(e) { return null; } } } if (xmlHttpObject) { xmlHttpObject.onreadystatechange = cbFunc; } return xmlHttpObject; }
--- sample.html (HTMLファイル) ---
<html> <head> <meta http-equiv="content-type content="text/html; charset=utf-8" > <title>Ajax サンプルアプリ</title> <script type="text/javascript" src="jslib.js"></script> <script type="text/javascript"><!-- function loadXML() { httpObj = createXMLHttpRequest(dispData); if (httpObj) { httpObj.open("GET",document.ajaxForm.filename.value,true); httpObj.send(null); } } function dispData() { if ((httpObj.readyState == 4) && (httpObj.status == 200)) { xmlData = httpObj.responseXML; itemList = xmlData.getElementsByTagName("item"); titleList = xmlData.getElementsByTagName("title"); urlList = xmlData.getElementsByTagName("url"); itemNum = itemList.length; resultText = ""; for (i=0; i<itemNum; i++) { title = titleList[i].childNodes[0].nodeValue; url = urlList[i].childNodes[0].nodeValue; resultText = resultText + "<a href=\"" + url + "\">" + title + "</a><br />"; } document.getElementById("result").innerHTML = resultText; } else { document.getElementById("result").innerHTML = "<b>Now loading.......</b>"; } } // --></script> </head> <body> <h3>Ajax サンプルアプリ</h3> <form name="ajaxForm"> <input type="text" name="filename" /> <input type="button" value="Load XML" onClick="loadXML()"><br /> </form> <div id="result"> <!-- ここに取得したXMLファイルの内容が表示される --> </div> </body> </html>
--- sample.xml (データを格納したXMLファイル) ---
<?xml version="1.0" encoding="utf-8"?> <items> <item> <title>語句ログ</title> <url>http://59log.com/</url> </item> <item> <title>b-listers</title> <url>http://b-listers.net/</url> </item> <item> <title>掲示板型検索エンジン 59bbr.org</title> <url>http://59bbs.org/</url> </item> </items>
(追記あり)
1
アクセスランキング
今日のアクセスランキング TOP 10
- SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (36 PV)
- 有力将棋系ユーチューバーのショウヤンさんが将棋ウォーズで「ソフト指し」を告白し衝撃走る (8 PV)
- Google Finance(グーグルファイナンス)- リアルタイム株価情報、金融ニュース、日本株 (6 PV)
- 完全無料のMT4向けナンピンEA「Nanpin K(ナンピンケイ)」をバージョンアップ(Ver 2.04) (6 PV)
- MySQLのINSERT ... SELECT文でLIMIT句を使用して上位3件のレコードをテーブルに追加する (4 PV)
- Google News (グーグルニュース)日本版 (4 PV)
- スキャルピングならスプレッドが狭くキャッシュバックサイトも利用できるExnessがおすすめ (3 PV)
- MySQLのUPDATE文でLIMIT句を使用して上位3件のレコードを更新する (3 PV)
- [将棋]嬉野流(うれしのりゅう) 嬉野宏明氏が開発した最強の奇襲戦法 (3 PV)
- ガンマトレード(ガンマプレイ)とは #FX #用語解説 #オプション取引 (3 PV)
今月のアクセスランキング TOP 10
- SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (356 PV)
- 完全無料のMT4向けナンピンEA「Nanpin K(ナンピンケイ)」をバージョンアップ(Ver 2.04) (82 PV)
- 2chまとめサイト - 痛いニュース(ノ∀`) (79 PV)
- MySQLのINSERT ... SELECT文でLIMIT句を使用して上位3件のレコードをテーブルに追加する (64 PV)
- Google Finance(グーグルファイナンス)- リアルタイム株価情報、金融ニュース、日本株 (60 PV)
- MT4向け無料ヘッジ(両建て)ツール(EA)「STOPPER FREE」 #自動売買 #FX (37 PV)
- Google News (グーグルニュース)日本版 (27 PV)
- ガンマトレード(ガンマプレイ)とは #FX #用語解説 #オプション取引 (22 PV)
- 安全性重視の完全無料ナンピンマーチンEA「Million Dollar(ミリオンダラー)」 #FX #ゴールド #ビットコイン (19 PV)
- 有力将棋系ユーチューバーのショウヤンさんが将棋ウォーズで「ソフト指し」を告白し衝撃走る (17 PV)
アクセス統計
ディレクトリ
関連サイト