如何使用jsonp请求获取json

Question

我正在尝试使用instagrams api，而无需进行身份验证。 如果我去： https : //www.instagram.com/explore/tags/chicago/?__a=1

我收到一个json响应。 我正在尝试构建一个返回该数据的angular 4提供程序。

getInsta(term){
    return this.jsonp.request(this.url+term+'/?__a=1&callback=__ng_jsonp__.__req0.finished')
      .map(res => {
        console.log(res.json());
      });
  }

我已经尝试过“回调”和“ c”。 我已经尝试过JSONP_CALLBACK。

我收到以下错误：

“ SyntaxError：意外令牌'：'。解析错误。-在芝加哥：1”

和

“注入JSONP的脚本未调用回调”

如果单击意外的令牌错误，它将带我所有的json数据进入响应。 因此，这意味着它正在通过，我无法访问它！

知道我如何解决这个问题吗？

这是错误以及在点击错误时的屏幕截图

Answer 1

JSONP是一种获取跨源数据的方法，它之所以起作用，是因为当文件的src包含callback函数名称时，它会向主体中注入script标记。

<script src="http://ani.site.com/api/?callback=myGlobalFunc">

并且假定窗口上有一个名为myGlobalFunc的全局函数。

该调用的响应将类似于： myGlobalFunc({data: 'data1'}) 。 使用一个参数即数据来调用该函数。

在您的情况下，Instagram API返回JSON而不是JSONP 。

在那里，您不能使用该机制。