为什么我不能用ajax改变这个div innerHTML?

时间:2014-04-23 20:52:58

标签: ajax

今天刚刚开始学习ajax并且迈出了第一步,更糟糕的是,我真的无法找到代码的错误,你能发现它吗?

div的内部html应该更改为data.txt中的responseText。这个文件里面的文字是"嘿man" (因为没有人喜欢你好世界)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
    </head>
    <body>
        <div id="hehe">Ha...here we are, this will be an ajax demonstration!</div>
    </body>
    <script src="script.js"></script>
</html>

的Javascript

var request = new XMLHttpRequest();
request.open('GET','data.txt');
document.onreadystatechange= function () {
  if((this.readyState===4) && (this.status===200)) {
      document.getElementById('hehe').innerHTML = request.responseText ;
  }
};
request.send();

提前感谢!

2 个答案:

答案 0 :(得分:2)

您的意思是request.onreadystatechange = function () ...,而不是document.onreadystatechange

答案 1 :(得分:2)

使用request.onreadystatechange而非document.onreadystatechange