javascript-Ajax-

javascript

        window.addEventListener('load',
            function(event){
                var elem = document.getElementById('btn_loadtext');
                elem.addEventListener('click',loadText,false);
            },false);
        function loadText(event){
            var req = new XMLHttpRequest();
            req.open('GET','aozora.txt');
            req.onreadystatechange = function(event){
                if(req.readyState ==  4){
                    var text = document.getElementById('text');
                    if(req.status == 200){
                        text.innerHTML = req.responseText;
                    }else{
                        text.innerHTML = '読み込みエラー';
                    }
                }
            };
            req.send();
        }

html

    <h1>テキスト読み込み</h1>
    <input type="button" id="btn_loadtext" value="読み込み">
    &lt;div id=&quot;text&quot;&gt;&lt;/div&gt;</p>

<p>

(Visited 1 times, 1 visits today)

コメントを残す

メールアドレスが公開されることはありません。