プログラミング学習の記録 189 JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)の第4章(Ajaxプログラミング)の練習問題4.3 | Kamimura's blog

2010年5月13日木曜日

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

開発環境:
Microsoft Windows 7 Home Premium (OS)
Internet Explorer 8 (プラウザ)
Microsoft Visual Web Developer 2010 Express Edition (IDE)

Script言語:JavaScript

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

4.3

ドメイン"http://sitekamimura.blogspot.com/"に存在しないtest.txtファイルをprototype.jsを使用してAjaxでリクエストしてみる。

function Insert(text) {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        var text = document.createTextNode(text);
        p.appendChild(text);
        d0.appendChild(p);
    }

function clicked() {
        new Ajax.Request(
        "test.txt",
        {
            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のエラーが発生しました")
    }
    function http404() {
        Insert("HTTP 404のエラーが発生しました")
    }

0 コメント:

コメントを投稿

コメントの投稿(Atom)