Question

我正在使用jQuery来解析用户的最新Instagram图像：

     $.getJSON(instagram_url, function(data) {
      var latestPic = data.images;
      console.log(latestPic);
      });

但是在开发工具中输入错误消息

XMLHttpRequest无法加载https://api.instagram.com/v1/users/ {user_id} / media / recent /？access_token = ACCESS_TOKEN。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许原点'null'访问。

我不确定这意味着什么，因为当我将我的网址粘贴到浏览器中时，我收到了json响应。有谁知道如何妥善处理这个问题？

提前致谢

Answer 1

这是一个Cross Origin问题，只需在网址中加入"callback=?"。

或使用$.ajax()与＆＃34; jsonp＆＃34;：

$.ajax({
    url: Url,
    method: 'GET',
    dataType: 'jsonp',
    data: apiData,
    success: handleData
})

Answer 2

你可以通过使用JSONP（instagram支持它）解决这个问题。见https://www.instagram.com/developer/endpoints/

https://api.instagram.com/v1/tags/coffee/media/recent?access_token=ACCESS-TOKEN&callback=myCallBackHandler

服务器将以

响应

myCallBackHandler({
    ...
});

定义一个名为myCallBackHandler的函数，并将您的逻辑放入其中。将使用响应JSON

调用您的函数

使用jQuery解析Instagram JSON

2 个答案: