XMLHttpRequest 不工作

Question

我使用以下代码每 2 秒动态更新 HTML 中的 TextArea 元素，而无需重新加载页面。但是，alert(request.readystate) 返回未定义而不是数字 1-4。当我尝试 if(request)alert("Request object") 时，它会按预期提醒用户“Request object”。我不知道为什么这不起作用，我已经尝试了几个小时来解决这个问题！

我的代码：

<script type="text/javascript">

    function init(){
      var url="http://www.suchandsuch.net/ChatBowl/text.txt";
      var request= new XMLHttpRequest();
      request.open("POST",url,true);
      alert(request.readystate);
      request.onload= function(){
        if (request.readystate ==4 && request.status == 200){
          document.getElementById('textarea').innerHTML=request.responseText;
        }  
      }
        request.send(null);

     }


    var int=self. setInterval('init()', 2000);

  </script> 

我感谢任何帮助。

Answer 1

JavaScript 区分大小写，并且您输入的 ReadyState 错误：

readyState 不是 readystate

MSDN docs

并且回调函数应该分配给 onreadystatechange:

var url="http://www.suchandsuch.net/ChatBowl/text.txt";
var request= new XMLHttpRequest();
request.onreadystatechange = function(){
    alert(request.readyState + " " + request.status);
    if (request.readyState ==4 && request.status == 200)
          document.getElementById('textarea').innerHTML=request.responseText;
    };

request.open("POST", url, true);
alert(request.readyState);  

request.send();
     

Answer 2

也许而不是

request.onload= function(){

尝试

request.onreadystatechange = function(){