Javascript 获取XMLHttpRequest无法在第二个api调用Instagram上加载
我正在调用instagram api以获取带有某个标记的所有图片,第一次运行正常时,它会在控制台上显示json,但当我尝试再次调用下一个url以获取所有图片时,我收到以下错误:Javascript 获取XMLHttpRequest无法在第二个api调用Instagram上加载,javascript,json,api,instagram,Javascript,Json,Api,Instagram,我正在调用instagram api以获取带有某个标记的所有图片,第一次运行正常时,它会在控制台上显示json,但当我尝试再次调用下一个url以获取所有图片时,我收到以下错误: XMLHttpRequest cannot load https://api.instagram.com/v1/tags/cats/media/recent?callback=jQuery18300975…092&client_id=XXXXXXXXXXXXXXXXXXX&max_tag_id=13959
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');
});
您必须添加另一个&callback=?下一个url
像这样修改并尝试它的工作原理:
if(next_url!=undefined)
{
url=next_url + "&callback=?";
pagination(url);
console.log(data);
}