使用javascript ajax post请求时在Instagram API中获取重复图像

使用javascript ajax post请求时在Instagram API中获取重复图像,javascript,jquery,api,instagram,Javascript,Jquery,Api,Instagram,我是如此困惑,为什么我会得到重复的图像通过作为一个结果 以下是我在JSFIDLE上的代码: 我在想,这可能是一个async问题,在搜索之前接收新的分页,但是,我能做些什么来改变它 多谢各位 艾登首先 url = data.pagination.next_url; 不属于你的“成功”范畴。首先 url = data.pagination.next_url; 在“成功”块之外。问题是第二个$.ajax()调用在第一个调用结束之前进行 您需要做的是设置如下函数: var n = 0, pages

我是如此困惑,为什么我会得到重复的图像通过作为一个结果

以下是我在JSFIDLE上的代码:

我在想,这可能是一个
async
问题,在搜索之前接收新的分页,但是,我能做些什么来改变它

多谢各位

艾登

首先

url = data.pagination.next_url;
不属于你的“成功”范畴。

首先

url = data.pagination.next_url;

在“成功”块之外。

问题是第二个
$.ajax()
调用在第一个调用结束之前进行

您需要做的是设置如下函数:

var n = 0, pages = 2;
function displayImgs(url) {
    $.ajax({
            type: "GET",
            dataType: "jsonp",
            cache: false,
            url: url,
            success: function(data) 
            {
                 alert(data.pagination.next_url);
                 for(var i=0;i<data.data.length; i++)
                 {
                     $("#gallery").append('<img src="'+data.data[i].images.low_resolution.url+'" height="50" width="50">');
                 }
                n++
                if(n<pages) displayImgs(data.pagination.next_url);
            }
    });
}
displayImgs(url);
你应该得到你想要的


这里有一个。

问题是第二个
$.ajax()
调用是在第一个调用结束之前进行的

您需要做的是设置如下函数:

var n = 0, pages = 2;
function displayImgs(url) {
    $.ajax({
            type: "GET",
            dataType: "jsonp",
            cache: false,
            url: url,
            success: function(data) 
            {
                 alert(data.pagination.next_url);
                 for(var i=0;i<data.data.length; i++)
                 {
                     $("#gallery").append('<img src="'+data.data[i].images.low_resolution.url+'" height="50" width="50">');
                 }
                n++
                if(n<pages) displayImgs(data.pagination.next_url);
            }
    });
}
displayImgs(url);
你应该得到你想要的


这是一个。

更新的链接是更新的链接这很好,但是如果它是一个动态的呼叫数而不是2个怎么办?你只需要设置一个变量,你可以根据需要进行更改,就像这很好,然而,如果它是一个动态的调用数,而不是仅仅2个,那该怎么办呢?您只需要设置一个变量,您可以根据需要进行更改,就像在这里一样