未捕获的TypeError:request.onload不是函数

时间:2017-01-13 16:16:01

标签: html json

当我试图在consloe(chrome开发人员工具)中查看json文件时出现问题,它表示未捕获的类型错误request.onload不是函数,但我无法找到问题 任何人都可以帮忙 谢谢你的推荐

<html>
<head>
  <title>ajax php</title>
  <!--<link rel="stylesheet" href="css/style.css">-->
</head>
<body>
  <header>
    <h1> json and ajax</h1>
    <button id="btn">fet info from JSON file</button>
  </header>

  <div id="animal-info"></div>

  <script src="main.js"></script>
</body>
</html>


<!--this code is in a seperate file main,js-->
    enter code here
    var request = new XMLHttpRequest();
    request.open('GET', 'https://learnwebcode.github.io/json-example/animals-1.json');
    request.onload() = function() {
      var data = request.responseText;
      console.log(request.responseText);
    };
    request.send();

2 个答案:

答案 0 :(得分:0)

您正在呼叫onload(),但尚未设置。你应该设置它

request.onload = function() {
    var data = request.responseText;
    console.log(request.responseText);
};

答案 1 :(得分:0)

request.onload()在您的代码中被作为函数调用。 使用以下代码

request.onload = function(){
  //do something here
}