Question

我一直试图弄清楚如何使这项工作。

var request;

if(window.XMLHttpRequest){
    request= new XMLHttpRequest();  
}else{
    request = new ActiveXObject("Microsoft.XMLHTTP");
}


var handleStateChange = function () {
   switch (request.readyState) {
      case 0 : // UNINITIALIZED
      case 1 : // LOADING
      case 2 : // LOADED
      case 3 : // INTERACTIVE
      break;
      case 4 : // COMPLETED
      break;
      default: alert("error");
   }
}


/*request.onreadystatechange=handleStateChange;*/
request.onreadystatechange = function(){
    if((request.status === 200) && (request.readyState === 4)){
        console.log(request);
        document.writeln(request.responseText); 
    }

}
request.open('GET','data.txt');
request.send();

我在stackoverflow中发现了类似的问题，但我还没弄清楚为什么它的行为方式（我是Ajax的新手）。

所以问题是，当我request.open('GET','data.txt');导致页面继续处于加载模式并且console.log没有显示任何内容时。

我在google周围找到了stackoverflow这个解决方案request.onreadystatechange=handleStateChange;

似乎正在解决这个问题。不幸的是，它会覆盖request.onreadystatechange = function(){}。控制台工作，data.txt内容不会在网络上显示。

如果我将其评论出来，则会在网络上显示内容，但页面会再次加载。

我认为它与readyState有关，当它达到4时，responseText为空。但是如何让它显示内容和console.log？

提前感谢您的时间：）

Answer 1

但是使用它控制台工作时没有在网站上显示任何结果

根据您的评论，我可以建议您使用错误的方法。 javascript中没有writeln方法，建议您使用.write() （虽然不推荐）。

改为：

document.write(request.responseText);

或更好：

document.body.innerHTML = request.responseText; // use this response contains html tags

或：

document.body.textContent = request.responseText; // use this response is just text

Ajax使网站保持加载状态

1 个答案: