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

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

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




4.5
<script type="text/javascript" src="http://www.mkamimura.com/Sample/prototype.js"></script> <script language="javascript" type="text/javascript"> // urlのFileを要求 function ajaxRequest(url) { new Ajax.Request(url, { method: "get" }); } // id=d0のtagの子要素に段落を挿入 function Insert(text) { var d0 = document.getElementById("d0"); var p = document.createElement("p"); p.innerHTML = text + " リクエスト数: " + Ajax.activeRequestCount; d0.appendChild(p); } // JavaScriptの記事一覧を要求 function clicked0() { ajaxRequest("http://sitekamimura.blogspot.com/search/label/JavaScript"); Insert("JavaScriptの記事一覧"); } // Microsoft Visual Web Developerの記事一覧を要求 function clicked1() { ajaxRequest("http://sitekamimura.blogspot.com/search/label/Microsoft%20Visual%20Web%20Developer"); Insert("Microsoft Visual Web Developerの記事一覧"); }</script> <p> prototype.jsのAjax.Requestを利用して、<a href="http://sitekamimura.blogspot.com/">Kamimura's blog</a>のラベル、<a href="http://sitekamimura.blogspot.com/search/label/JavaScript">JavaScriptの記事一覧</a>、<a href="http://sitekamimura.blogspot.com/search/label/Microsoft%2520Visual%2520Web%2520Developer">Microsoft Visual Web Developerの記事一覧</a>を読み込んでそのリクエスト数を表示してみる。</p> <input type="button" value="Click Me!" onclick="clicked0()" /> <input type="button" value="Click Again" onclick="clicked1()" /> <p>実行結果</p> <div id="d0"></div>

prototype.jsのAjax.Requestを利用して、Kamimura's blogのラベル、JavaScriptの記事一覧、Microsoft Visual Web Developerの記事一覧を読み込んでそのリクエスト数を表示してみる。

実行結果