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

2010年4月22日木曜日

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

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

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

5.4

<script language="javascript" type="text/javascript">

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 xmldoc = oj.responseXML;
        if (xmldoc == null) {
            Insert("Sample.xmlがありません");
        } else {
            var name0 = xmldoc.getElementsByTagName("name")[0];
            var name1 = xmldoc.getElementsByTagName("name")[1];
            Insert(name0.firstChild.data);
            Insert(name1.firstChild.data);
        }
    }</script>
<p>XML Document,Sample.xmlに含まれている名前を取得して表示してみる。</p>
<input type="button" value="実行" onclick="requestUrl('' ,'get', 'Sample.xml')" />
<p>実行結果:</p>
<div id="d0"></div>

保管場所: XMLHttpRequest Sample15 responseXML

0 コメント:

コメントを投稿

コメントの投稿(Atom)