从URL提取JSON并打印到页面上

Question

我正在尝试从网址中获取JSON数据并显示。使用下面的代码，由于未捕获的参考错误，它不会出现。如何调整代码，以便显示数据。

var url = "https://fantasy.premierleague.com/api/entry/1258872/";


req.open("GET", url);
req.send();

req.addEventListener("load", function(){
	if(req.status == 200 && req.readyState == 4){
  	var response = JSON.parse(req.responseText);
    document.getElementById("id").textContent = response.title;
    document.getElementById("player first name").textContent = response.player_first_name;
     document.getElementById("player last name").textContent = response.player_last_name;
  }
})

<h1>Fantasy Premier League</h1>
<h2 id="id"></h2>
<h3>First Name: <span id="player first name"></span></h3>
<h3>Last Name: <span id="player last name"></span></h3>

Answer 1

您应在调用req方法之前定义请求open对象

var req = new XMLHttpRequest();

在您的情况下，req未定义，未定义对象上的调用方法将引发错误