語句ログ - ニュース、プログラミング、システムトレードの用語解説

チップワンストップ

Mon, 11 May 2009 23:40:58 +0900

少量から・一括で検索、見積、購入ができる電子部品・半導体の通販サイト。

Link(0) | Trackback(0) | Comment(0)

キーワード

語句ログ - ニュース、プログラミング、システムトレードの用語解説 - 日本の注目ニュース、コンピュータープログラミング（C/C++,Perl,PHP,SQL）、システムトレード（FX,CFD,株価指数,先物）に関する語句（Word）を日本語や英語で解説

jQueryを使ってフィード（RSS2.0）の内容を取得するサンプルプログラム

Mon, 11 May 2009 15:20:54 +0900

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

Link(2) | Trackback(0) | Comment(0)

キーワード

jQuery JavaScript ライブラリ Ajax RSS フィード サンプル プログラム

Ajaxの基本的なサンプルプログラム

Mon, 11 May 2009 14:42:02 +0900

フォームから入力されたXMLファイルを取得して、その内容を表示するという基本的な処理を行うAjaxのサンプルプログラムです。

--- jslib.js (Ajaxの処理を行うJavaScritプログラム) ---

// JavaScript library// jslibs.jsfunction 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>

Link(1) | Trackback(0) | Comment(0)

キーワード

JavaScript Ajax サンプル プログラム 基本