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

開発環境:Microsoft Visual Web Developer+Internet Explorer

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

5.4

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>XMLHttpRequest XML Response</title>
    
    <script language="javascript" type="text/javascript">
        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) {
                    Load0(httpoj);
                    Load1(httpoj);
                }
            }
            httpoj.send(data)
        }

function Load0(httpoj) {
            var xmldoc = httpoj.responseXML;
            if (xmldoc == null)
                document.getElementById("d0").innerHTML = "xmldocがありません。";
            else {
                var element = xmldoc.getElementsByTagName("name")[0];
                text = element.firstChild;
                document.getElementById("d0").innerHTML = text.data;
            }
        }

function Load1(httpoj) {
            var xmldoc = httpoj.responseXML;
            if (xmldoc == null)
                document.getElementById("d1").innerHTML = "xmldocがありません。";
            else {
                var element = xmldoc.getElementsByTagName("name")[1];
                text = element.firstChild;
                document.getElementById("d1").innerHTML = text.data;
            }
        }</script>
</head>
<body>
<h1>Sample.xmlのname tagの値を表示</h1>
<input type="button" value="Click!" onclick="requestUrl('','GET','Sample.xml')" />
<br />
    <br />
    1つ目のName<br /><br />
<div id="d0"></div>
    <br /><br />
    2つ目のName<br /><br />
<div id="d1"></div>
</body>
</html>

保管場所:XMLHttpRequest XML Response

Kamimura's blog

2010年3月17日水曜日

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

0 コメント:

コメントを投稿