プログラミング学習の記録 167.2 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 ajaxRequest(url) {
        new Ajax.Request(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><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して、イベントを表示してRequestの経過を見てみる。</p>
<input type="button" value="Reuqest" onclick="ajaxRequest('http://sitekamimura.blogspot.com/search/label/JavaScript')" />
<p>経過</p>
<div id="d0"></div>

Kamimura's blogのラベル、JavaScriptの記事一覧をprototype.jsのAjaxでRequestして、イベントを表示してRequestの経過を見てみる。

経過