Question

我正在进行AJAX调用，从特定网站提取JSON数据但由于某种原因我在接听电话之前收到错误。

错误讯息：

未捕获的TypeError：无法读取属性＆＃39; addEventListener＆＃39; null的的script.js：2

代码：

var ajaxtest = document.getElementById("dmeo");

ajaxtest.addEventListener("click",function() {
var ourRequest = new XMLHttpRequest();
ourRequest.open("GET","https://learnwebcode.github.io/json-example/animals-1.json")//post if you want to send data
ourRequest.onload = function(){
   // console.log(ourRequest.responseText);//test logging to console.
var ourData = JSON.parse(ourRequest.responseText);
console.log(ourData[0]);
};
ourRequest.send();
});

Answer 1

解决了！好吧，我最终做的只是将它放入onclick事件并且它可以工作。

function Makecall(){
var ourRequest = new XMLHttpRequest();
ourRequest.open("GET","https://learnwebcode.github.io/json-example/animals-1.json")//post if you want to send data
ourRequest.onload = function(){
   // console.log(ourRequest.responseText);//test logging to console.
var ourData = JSON.parse(ourRequest.responseText);
console.log(ourData[0]);
};
ourRequest.send();
};

Answer 2

错字？ var ajaxtest = document.getElementById（＆＃34; dmeo＆＃34;）; 应该＆＃34;演示＆＃34; ？

AJAX JSON调用失败

2 个答案: