如何从这个api获取jsonp链接?

时间:2017-12-06 04:50:10

标签: javascript json api jsonp

我一直在谷歌搜索这个,但我很困惑。我正在尝试使用此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);

但这不起作用。我想这是因为我没有正确链接它,但我不确定如何。

1 个答案:

答案 0 :(得分:2)

您正在尝试从html页面获取数据。单击 raw 按钮并使用该URL。你不能从不支持jsonp的api获取jsonp,但原始端点是启用cors的

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))