AJAX/Javascriptを使ってレスポンスをプリントするには？

Question

私はAJAXについて学んでおり、divの中に表示される "info.txt"というファイルの内容をid "demo"で取得しようとしています。しかし、それは空白に戻ります。残念ながら、これをテストするには、実際のサーバー（私自身）でこのコードを試し、独自の "info.txt"ファイルを提供する必要があります。私は標準のjavascriptの答え（非JQuery）を提供してください！

function loadDoc() { 
 
    var xhttp = new XMLHttpRequest(); 
 
    xhttp.open("GET", "info.txt", true); 
 
    xhttp.send(); 
 
    document.getElementById("demo").innerHTML = xhttp.responseText; 
 
}

<div id="demo"> 
 
<h1>The XMLHttpRequest Object</h1> 
 
<button type="button" onclick="loadDoc()">Change Content</button> 
 
</div>

Answer 1

trueあなたはxhttp.openに渡していることが応答を待つつもりはないことを意味する、あなたの要求は非同期であると言っています。

あなたはtrue（非推奨）、または適切に応答を受信したときのコールバックを設定することを削除するか必要があります。

function loadDoc() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.open("GET", "info.txt", true); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) { 
     document.getElementById("demo").innerHTML = xhttp.responseText; 
    } 
    }; 
    xhttp.send(); 
}