XMLHttpRequest不起作用

Question

我正在使用以下代碼每2秒動態更新HTML中的TextArea元素，而無需重新加載頁面。 但是， alert(request.readystate)返回的是undefined而不是數字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文檔

並將回調函數分配給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(){