[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 LibraryjQuery 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
- 自作のMT4向け無料EA（口座縛り無し、ブローカー縛り無し、使用期限無し）とゴゴジャン出品中の有料EAの一覧 #MT4 (13 PV)
- 究極の爆益ゴールドナンピンマーチンEA「Extreme（エクストリーム）」 MT4向け (8 PV)
- Google News （グーグルニュース）日本版 (8 PV)
- USTREAM（ユーストリーム） 日本語版 無料のライブ映像配信サービス (7 PV)
- MT4向け無料ヘッジ（両建て）ツール（EA）「STOPPER FREE」 #自動売買 #FX (6 PV)
- [PR]スキャルピングならスプレッドが狭くキャッシュバックサイトも利用できるExnessがおすすめ (6 PV)
- ドル円(USDJPY)で爆益を狙うハイリスクハイリターンのMT4向けナンピンマーチンEA「Hyper Dollar」 (5 PV)
- MT4向けブレイクアウトEA「NEKONEKO（ネコネコ） FREE」（0.01ロット固定、無料、使用期限無し） (5 PV)
- [PR]noteで販売している自作EAの一覧 (5 PV)
- [PR]noteで販売しているEAの使用期限を無期限にして価格を改定します。 (5 PV)
今月のアクセスランキング TOP 10
- SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (335 PV)
- 自作のMT4向け無料EA（口座縛り無し、ブローカー縛り無し、使用期限無し）とゴゴジャン出品中の有料EAの一覧 #MT4 (122 PV)
- 究極の爆益ゴールドナンピンマーチンEA「Extreme（エクストリーム）」 MT4向け (110 PV)
- Google News （グーグルニュース）日本版 (98 PV)
- 2NN 2ちゃんねるニュース速報＋ナビ (80 PV)
- USTREAM（ユーストリーム） 日本語版 無料のライブ映像配信サービス (75 PV)
- 仲値トレードが簡単にできる無料EA「NAKANE3」 #MT4 (73 PV)
- 究極の爆益ゴールドナンピンマーチンEA「Extreme MT5」 (73 PV)
- 安全性重視の完全無料ナンピンマーチンEA「Million Dollar（ミリオンダラー）」 #FX #ゴールド #ビットコイン (67 PV)
- ドル円(USDJPY)で爆益を狙うハイリスクハイリターンのMT4向けナンピンマーチンEA「Hyper Dollar」 (61 PV)
アクセス統計
ディレクトリ
関連サイト