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

2010年4月22日木曜日

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

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

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

5.3

<script language="javascript" type="text/javascript">
    
    // id=d0のtagに段落を挿入
    function Insert(text) {
        var d0 = document.getElementById("d0");
        var p = document.createElement("p");
        p.innerHTML = text;
        d0.appendChild(p);
    }
    
    function createHttpRequest() {
        if (window.ActiveXObject) {
            try {
                return new ActiveXObject("Msxml2.XMLHTTP")
            } catch (e) {
                try {
                    return new ActiveXObject("Microsoft.XMLHTTP")
                } catch (e2) {
                    return null
                }
            }
        }
        else if (window.XMLHttpRequest) {
            return new XMLHttpRequest()
        } else {
            return null
        }
    }

function requestUrl(data, method, url) {
        var httpoj = createHttpRequest()

httpoj.open(method, url, true);
        httpoj.onreadystatechange = function() {
            if (httpoj.readyState == 4) {
                Load(httpoj);
            }
        }
        httpoj.send(data)
    }

function Load(oj) {
        var lastmodified = oj.getResponseHeader("Last-Modified");
        var date = oj.getResponseHeader("Date");
        if (lastmodified == "") {
            Insert("Header, \"LastModified\"がありません");
        } else {
            Insert("Last-Modified: "+lastmodified);
        }
        if (date == "") {
            Insert("Header, \"Date\"がありません");
        } else {
            Insert("Date: "+date);
        }
    }</script>
<p>このBlog、Kamimura's blogのXML HTTP Request Headerの"Last-Modified"と"Date"を、伝統的なAjax Programmingで要求して表示してみる。</p>
<input type="button" value="要求" onclick="requestUrl('','get','http://sitekamimura.blogspot.com/')" />
<p>実行結果</p>
<div id="d0"></div>

このBlog、Kamimura's blogのXML HTTP Request Headerの"Last-Modified"と"Date"を、伝統的なAjax Programmingで要求して表示してみる。

実行結果

0 コメント:

コメントを投稿

コメントの投稿(Atom)