javascript - 无法将 request.responseText 打印到页面

Question

我的scriptedHTTP.js有:

  var req = new XMLHttpRequest();
  req.open("GET", "scripts/text.txt", true);
  req.send(null);
  var div = document.createElement('div');
  div.innerHTML = req.responseText;

当我加载页面时，浏览器控制台显示:

  XHR finished loading: GET "http://localhost:8000/scripts/text.txt".

但我在页面上什么也没得到:

如何处理 responseText 以便其显示在页面上？

谢谢。

Answer 1

Ajax 是 asynchronous 。 req.responseText 仅在加载成功时才起作用。您必须使用req.onreadystatechange当加载状态发生变化时触发，所以现在您可以使用 req.responseText

  req.onreadystatechange = function(){
     if(req.readyState == 4 && req.status == 200){
        div.innerHTML = req.responseText;
     }
  };