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

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

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




4.3
<script type="text/javascript" src="http://www.mkamimura.com/Sample/prototype.js"></script> <script language="javascript" type="text/javascript"> // サーバーにabc.txt Fileを要求 function request() { new Ajax.Updater( "d0", "zse.txt", { method: 'get', onComplete: Complete, on404: error404 }); } // リクエストしたabc.txt Fileの内容を表示 function Complete() { var d0 = document.getElementById("d0"); var p = document.createElement("p"); var text = responseText; $(p).innertHTML = text; d0.appendChild(p); } // リクエストしたabc.txt FileがServerに存在しない場合 function error404() { var d0 = document.getElementById("d0"); var p = document.createElement("p"); $(p).innerHTML = "HTTP 404のエラーが発生しました(サーバーに要求されたabc.txt Fileは存在しません)"; d0.appendChild(p); }</script> <p>サーバーにabc.txt Fileを要求して内容を表示してみる。(実際にはabc.txt Fileは存在しません。)</p> <input type="button" value="Click!" onclick="request('abc.txt')" /> <p>実行結果</p> <div id="d0"></div>

サーバーにabc.txt Fileを要求して内容を表示してみる。(実際にはabc.txt Fileは存在しません。)

(サーバーによって実行結果が違うことを発見!)

実行結果