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>