javascript - 如何从此 api 获取 jsonp 链接？

Question

我一直在谷歌上搜索这个问题，但我很困惑。我正在尝试使用此 api 中的数据

https://github.com/artsmia/collection/blob/master/objects/0/1.json

我正在尝试使用 JSONP，因为如果不这样做，我会收到跨源错误...这是我得到的...

function foo(data) {
    var parsedData = JSON.parse(data.responseText);
    console.log(parsedData.artist);
}

var script = document.createElement('script');
script.src = 'https://github.com/artsmia/collection/blob/master/objects/0/1.json';
document.getElementsByTagName('head')[0].appendChild(script);

foo(script);

但这行不通。我想这是因为我没有正确链接它，但我不知道如何链接。

Answer 1

您正在尝试从 html 页面获取数据。单击 raw 按钮并使用该 URL。您无法从不提供 jsonp 但原始端点已启用 cors 的 api 获取 jsonp

fetch('https://raw.githubusercontent.com/artsmia/collection/master/objects/0/1.json')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(error => console.log(error))