如何使用 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: Unexpected token ':'. Parse error. - In Chicago: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。

你不能使用那个机制。