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

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

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

5.1

function requestUrl(data, method, url) {

var httpoj = createHttpRequest();

httpoj.open(method, url, true);

httpoj.onreadystatechange = function() {
            switch (httpoj.readyState) {
                case 0:
                    var p0 = document.getElementById("p0");
                    var text = document.createTextNode("初期化完了");
                    p0.appendChild(text);
                    break;
                case 1:
                    var p1 = document.getElementById("p1");
                    var text = document.createTextNode("読み込み中");
                    p1.appendChild(text);
                    break;
                case 2:
                    var p2 = document.getElementById("p2");
                    var text = document.createTextNode("読み込み完了");
                    p2.appendChild(text);
                    break;
                case 3:
                    var p3 = document.getElementById("p3");
                    var text = document.createTextNode("読み込んだデータを解析中");
                    p3.appendChild(text);
                    break;
                case 4:
                    var p4 = document.getElementById("p4");
                    var text = document.createTextNode("処理の終了");
                    p4.appendChild(text);
                    break;
            }
        }
        httpoj.send(data)
    }</script>
<input type="button" value="Click!" onclick="requestUrl('','GET','http://sitekamimura.blogspot.com/')" />
<p>XMLHttpRequestの通信状態(readyState)</p>
<p id="p0"></p>
<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p4"></p>

XMLHttpRequestの通信状態(readyState)

Kamimura's blog

2010年3月29日月曜日

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

0 コメント:

コメントを投稿