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

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

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

4.2

function Complete() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "通信が完了しました";
        d0.appendChild(p);
    }

function Loading() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "読み込みを開始しました";
        d0.appendChild(p);
    }

function Loaded() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "読み込みを終了しました";
        d0.appendChild(p);
    }

function Success() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "通信に成功しました";
        d0.appendChild(p);
    }

function Failure() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "通信に失敗しました";
        d0.appendChild(p);
    }

function Exception() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "例外が発生しました";
        d0.appendChild(p);
    }

function error403() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "HTTP 403のエラーが発生しました";
        d0.appendChild(p);
    }

function error404() {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        $(p).innerHTML = "HTTP 404のエラーが発生しました";
        d0.appendChild(p);
    }</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.Requestでリクエストして読み込む経過を表示してみる。</p>
<input type="button" value="Click!" onclick="request()" />
<p>実行結果</p>
<div id="d0">以下に読み込み経過が表示されます。</div>

このKamimura's blogのラベル、JavaScriptの記事一覧をprototype.jsのAjax.Requestでリクエストしてその読み込み経過を表示してみる。

実行結果

以下に読み込み経過が表示されます。