プログラミング学習の記録 168 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:
                    Insert("初期化完了しました");
                    break;
                case 1:
                    Insert("読み込み中です");
                    break;
                case 2:
                    Insert("読み込み完了しました");
                    break;
                case 3:
                    Insert("読み込んだデータを解析中です");
                    break;
                case 4:
                    Insert("処理が終了しました");
                    break;
                default:
                    Insert("処理に失敗しました");
                    break;
            }
        }
        httpoj.send(data);
    }</script>
<p><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="実行" onclick="requestUrl('' ,'get', 'http://sitekamimura.blogspot.com/search/label/JavaScript')" />
<p>通信状況</p>
<div id="d0"></div>

伝統的なAjax ProgrammingでKamimura's blogのラベル、JavaScriptの記事一覧を取得して、その際の通信状況を表示してみる。

通信状況