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

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

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

4.5

<!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>Ajax.activeRequestCount</title>
    
    <script type="text/javascript" src="../prototype.js"></script>
    <script language="javascript" type="text/javascript">
        function Load() {
            $("d0").innerHTML = "リクエスト数: " + Ajax.activeRequestCount;
        }
        function ajaxReq(url) {
            var msec = (new Date()).getTime();
            new Ajax.Request(url, {
                method: "get",
                parameters: "time=" + msec,
                onSuccess: Success, onFailure: Failure
            });
            $("d1").innerHTML = "リクエスト数: " + Ajax.activeRequestCount;
        }
        function Success(o) {
            $("d2").innerHTML = o.responseText;
        }
        function Failure() {
            $("d2").innerHTML = "読み込みに失敗しました。";
        }</script>
</head>
<body onload="Load();">
    <h1>Ajax.activeRequestCount</h1>
    <input type="button" value="Click Me!" onclick="ajaxReq('abc.txt');" />
    <input type="button" value="Click Again" onclick="ajaxReq('def.txt');"/>
    <br /><br />
    <div id="d0"></div>
    <br />
    <div id="d1"></div>
    <br />
    <p>読み込まれたText:</p>
    <div id="d2"></div>
</body>
</html>

保管場所:Ajax.activeRequestCount

Kamimura's blog

2010年3月15日月曜日

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

0 コメント:

コメントを投稿