使用纯JavaScript或es6从json文件导入数据

Question

我正在处理一个html项目，我必须从json文件中导入一些数据（无法编辑），我需要使用纯JavaScript或ES6来做到这一点，但是我不知道该怎么做，因为我所知道的全部是我编写的代码，但是没有用。现在，我只想获取json文件中的背景图片的链接，因此，如果我可以访问数据，则此后的工作很简单。使用上面我写的工具如何工作的一个小例子将对我有很大帮助。

链接到json文件：https://sample-api-78c77.firebaseio.com/tv-shows/SHOW123.json

Answer 1

您使用称为ajax的技术导入数据

const url = 'https://sample-api-78c77.firebaseio.com/tv-shows/SHOW123.json'

fetch(url)
  .then(res => res.json())
  .then(json => console.log(json.Images.Background))

Answer 2

通过XMLHttpRequest在普通js中

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

function reqListener () {
  console.log(JSON.parse(this.responseText).Images.Background);
}

var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "https://sample-api-78c77.firebaseio.com/tv-shows/SHOW123.json");
oReq.send();