Javascript XMLHttpRequest onreadystatechanged 未触发？

Question

我在网络服务器上托管的同一目录中有一个 html 文件和一个 .txt 文件。 html 文件包含以下代码：

<html>
<head>
<script>

window.onload = function() {
    receiveMessage();
}

function receiveMessage() {

    var xmlhttp = new XMLHttpRequest;
    xmlhttp.open("GET", "message.txt", true);
    xmlhttp.send();
    xmlhttp.onreadystatechanged = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            alert(xmlhttp.responseText);
        }
    }       
}

</script>
</head>
<body>
</body>
</html>

由于文本文件 message.txt 包含 "hello world"，包含该消息的 javascript 警告框应该在收到响应时弹出，但事实并非如此。我做错了什么？

Answer 1

重新排序请求并更改函数 onreadystatechanged 到 onreadystatechange:

function receiveMessage() {
    var xmlhttp = new XMLHttpRequest;
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            alert(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET","message.txt",true);
    xmlhttp.send();
}

像 http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp

一样，在 onready statechanged 事件之后放置打开和发送调用

<!DOCTYPE html>
<html>
 <head>
  <script>
   function loadXMLDoc()
   {
    var xmlhttp;
    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
     xmlhttp=new XMLHttpRequest();
    }
    else{// code for IE6, IE5
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function(){
     if (xmlhttp.readyState==4 && xmlhttp.status==200){
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
     }
    }
    xmlhttp.open("GET","demo_get.asp",true);
    xmlhttp.send();
   }
  </script>
 </head>
 <body>
  <h2>AJAX</h2>
  <button type="button" onclick="loadXMLDoc()">Request data</button>
  <div id="myDiv"></div>
 </body>
</html>

Answer 2

您要找的属性是 onreadystatechange 而不是 onreadystatechanged。最后没有d

Javascript XMLHttpRequest onreadystatechanged 未触发？

Javascript XMLHttpRequest onreadystatechanged not firing?

html

javascript

ajax