如何使用 AJAX/Javascript 打印响应？ [复制]

Question

我正在了解AJAX，并试图让我的文件“info.txt”的内容显示在div 和id“演示”中。但是它一直返回空白。不幸的是，为了测试这一点，您必须在实际服务器（我就是）上尝试此代码，并且必须提供您自己的“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

您传递给xhttp.open 的true 表示您的请求是异步的，这意味着它不会等待响应。

您需要删除 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();
}