xml_http.onreadystatechange不是函數

Question

我試圖克服Ajax請求，而Chrome控制檯顯示此消息： xml_http.onreadystatechange不是一個函數

這裏是我的JS代碼：

function ajax_request() { 
      var xml_http = new XMLHttpRequest(); 

      xml_http.onreadystatechange(function() { 
       if(xml_http.readyState == 4 && xml_http.status == 200){ 
        var result = document.getElementById('result'); 
        result.innerHTML = xml_http.responseText; 
       } 
      }); 
      xml_http.open('GET', 'data.php', true); 
      xml_http.send(); 
     } 

下面是HTML：

<button onclick="ajax_request();">Click</button> 
    <div id="result"></div> 

Answer 1

你有一個函數分配給onreadystatechange的，而通過另一個作爲參數不能稱之爲一個功能。

xml_http.onreadystatechange = function() { ... }; 

Answer 2

ü可以試試這個

function ajax_request() { 
      var xml_http = new XMLHttpRequest(); 

    xml_http.onreadystatechange = function() { 
       if(xml_http.readyState == 4 && xml_http.status == 200){ 
        var result = document.getElementById('result'); 
        result.innerHTML = xml_http.responseText; 
       } 
      } 
      xml_http.open('GET', 'data.php', true); 
      xml_http.send(); 
     } 


<button onclick="ajax_request();">Click</button> 
<div id="result"></div>