プログラミング学習の記録 167.1 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)の練習問題4.1

開発環境:Microsoft Visual Web Developer+Internet Explorer
Script言語:JavaScript

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.101の練習問題4.1を解いてみる。(少し問題を変更)




4.1
<script type="text/javascript" src="http://www.mkamimura.com/Sample/prototype.js"></script> <script language="javascript" type="text/javascript"> function replaceD0() { new Ajax.Updater("d0", "http://sitekamimura.blogspot.com/search/label/JavaScript", { method: "get", onFailure: Failure }); } function Failure() { var d0 = document.getElementById("d0"); d0.innerHTML = "通信に失敗しました"; }</script> <p><a href="http://sitekamimura.blogspot.com/">Kamimura's blog</a>のラベル、<a href="http://sitekamimura.blogspot.com/search/label/JavaScript">JavaScript</a>の記事一覧をprototype.jsのAjax.Updaterを利用して読み込んでみる。</p> <input type="button" value="Click!" onclick="replaceD0()" /> <p>実行結果</p> <div id="d0">ここにJavaScriptの記事一覧が読み込まれます。</div>

Kamimura's blogのラベル、JavaScriptの記事一覧をprototype.jsのAjax.Updaterを利用して読み込んでみる。

実行結果

ここにJavaScriptの記事一覧が読み込まれます。