プログラミング学習の記録 144 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/prototype.js"></script> <script language="javascript" type="text/javascript"> function ajaxRequest(url) { $("p0").innerHTML = "リクエスト数 : " + Ajax.activeRequestCount; new Ajax.Request(url, { method: "get", onSuccess: Success, onFailure: Failure }); function Success() { $("p0").innerHTML = "通信完了!"; $("p1").innerHTML = "リクエスト数 : " + Ajax.activeRequestCount; } function Failure() { $("p0").innerHTML = "通信に失敗!"; $("p1").inner.HTML = "リクエスト数 : " + Ajax.activeRequestCount; } }</script> <p>ファイルを読み込む</p> <input type="button" value="Click Me!" onclick="ajaxRequest('http://sitekamimura.blogspot.com/')" /> <p>上記とは別のファイルを読み込む。</p> <input type="button" value="Click Again" onclick="ajaxRequest('abc.txt')" /> <p>通信状態</p> <p id="p0"></p> <p>Ajax Request数(非同期通信リクエスト数)</p> <p id="p1"></p>

ファイルを読み込む。

上記とは別のファイルを読み込む。

通信状態

Ajax Request数(非同期通信リクエスト数)