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

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

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

4.4

function ajaxUpdater(url) {
        count();
        new Ajax.Updater(
        "d1", url, {
            method: "get",
            onComplete: Complete,
            onLoading: Loading,
            onLoaded: Loaded,
            onSuccess: Success,
            onFailure: Failure,
            onException: Exception,
            on403: Http403,
            on404: Http404
        });
    }

function Complete() {
        Insert("通信が完了しました");
    }

function Loading() {
        Insert("読み込みを開始しました");
    }

function Loaded() {
        Insert("読み込みを終了しました");
    }
    function Success() {
        Insert("通信に成功しました");
    }

function Failure() {
        Insert("通信に失敗しました");
    }

function Exception() {
        Insert("例外が発生しました");
    }

function Http403() {
        Insert("HTTP 403のErrorが発生しました");
    }

function Http404() {
        Insert("HTTP 404のerrorが発生しました");
    }</script>
<p>3秒後に通信を開始して、その通信経過と、読み込んだ<a href="http://sitekamimura.blogspot.com/">Kamimura's blog</a>のラベル、<a 
        href="http://sitekamimura.blogspot.com/search/label/JavaScript">JavaScript
    </a>の記事一覧を表示してみる。</p>
<input type="button" value="Click Me!" onclick="ajaxUpdater('http://sitekamimura.blogspot.com/search/label/JavaScript')" />
<p>通信経過:</p>
<div id="d0"></div>
<p>JavaScriptの記事一覧:</p>
<div id="d1"></div>

3秒後に通信を開始して、その通信経過と、読み込んだKamimura's blogのラベル、JavaScript の記事一覧を表示してみる。

通信経過:

JavaScriptの記事一覧: