如何使用AJAX/Javascript打印响应?

13 浏览
0 Comments

如何使用AJAX/Javascript打印响应?

这个问题已经有答案了:

如何在没有jQuery的情况下进行AJAX调用？

我正在学习AJAX，并试图在id为\"demo\"的div中显示我的文件\"info.txt\"的内容。然而它一直返回空白。不幸的是，为了测试这个问题，您必须在实际服务器上尝试此代码（这就是我所在的地方），并且必须提供您自己的\"info.txt\"文件。请提供一个标准的JavaScript答案（非JQuery），谢谢！

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

The XMLHttpRequest Object

admin 更改状态以发布 2023年5月21日
0

1 答案

0 Comments

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();
}

0