获取 XMLHttpRequest 无法在第二个 api 调用 Instagram 上加载答案

【问题标题】：Getting XMLHttpRequest cannot load on second api call Instagram获取 XMLHttpRequest 无法在第二个 api 调用 Instagram 上加载
【发布时间】：2014-03-27 09:32:11
【问题描述】：

我正在调用 instagram api 以获取具有特定标签的所有图片，它第一次工作正常时它会在控制台上显示 json，但是当我尝试使用 next_url 再次调用以获取所有图片时我收到此错误：

XMLHttpRequest cannot load https://api.instagram.com/v1/tags/cats/media/recent?callback=jQuery18300975…092&client_id=XXXXXXXXXXXXXXXXXXX&max_tag_id=1395937138154027. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

这是我正在使用的代码：

var Instagram = {};

// Small object for holding important configuration data.
Instagram.Config = {
   clientID: 'XXXXXXXXXXXXXXXXXXX',
   apiHost: 'https://api.instagram.com'
 };

(function(){
var url;
function search(tag){
   generateResource(tag);
  $.getJSON(url, toScreen);
}

function generateResource(tag){
url = Instagram.Config.apiHost + "/v1/tags/" + tag + "/media/recent?callback=?&client_id=" +     Instagram.Config.clientID;
return url;
}

function toScreen(data){
  var next_url=data.pagination.next_url;
  console.log(next_url)
  if(next_url!=undefined)
  {
     url=next_url;
     pagination(url);
     console.log(data);
  }
}
function pagination(url)
{
   $.getJSON(url, toScreen);
}

 Instagram.App = {
   search: search
 };


}());

$(function(){
  Instagram.App.search('cats');  
});

【问题讨论】：

标签： javascript json api instagram

【解决方案1】：

你必须为next_url添加另一个&callback=?

像这样修改并尝试它的工作：

  if(next_url!=undefined)
  {
     url=next_url + "&callback=?";
     pagination(url);
     console.log(data);
  }

【讨论】：