Javascript Instagram API的分页链接出现问题
这是我第一次使用分页。我遇到的问题是,在点击了一定数量的分页按钮后,Instagram API会收到多个响应。我想我已经把问题缩小到了一个事实上,这个函数可能会触发多次。看看我的功能 接收数据并将其排序到其他函数:Javascript Instagram API的分页链接出现问题,javascript,jquery,pagination,instagram,Javascript,Jquery,Pagination,Instagram,这是我第一次使用分页。我遇到的问题是,在点击了一定数量的分页按钮后,Instagram API会收到多个响应。我想我已经把问题缩小到了一个事实上,这个函数可能会触发多次。看看我的功能 接收数据并将其排序到其他函数: function sortAndStore(data) { var images = data.data, pagLink = data.pagination.next_url; var newImages = []; for (i =
function sortAndStore(data) {
var images = data.data,
pagLink = data.pagination.next_url;
var newImages = [];
for (i = 0; i < images.length; i++) {
var link = images[i].link,
standardRes = images[i].images.standard_resolution.url,
thumb = images[i].images.thumbnail.url;
var tempImages = new Object();
tempImages.link = link;
tempImages.standard_res = standardRes;
tempImages.thumbnail = thumb;
newImages.push(tempImages);
}
createLayout(newImages);
loadMore(pagLink);
}
我知道问题可能在sortAndStore函数中
createLayout(newImages);
loadMore(pagLink);
下面是分页链接控制台注销到的内容。问题是我点击了三次按钮,得到了四个回复。前两次还行。我得到了一个分页链接,但第三次我收到了两个响应
如果你能看到一个不同的问题或建议一个不同的方式来结构我的职能,它将非常感谢。sortAndStore函数中的数据参数是来自原始Instagram API调用的数据
谢谢,想明白了!问题是,每次单击分页按钮时,浏览器都会为pagLink存储一个新值。因此,在两次单击按钮后,有两个存储的变量进行了两次分页API调用 解决方法是在每次新分页链接通过函数时重新定义变量,而不是定义额外的pagLink变量 因此:
function sortAndStore(data) {
var images = data.data;
pagLink = data.pagination.next_url;
与此相反:
function sortAndStore(data) {
var images = data.data,
pagLink = data.pagination.next_url;
所以解决办法是重新定义变量,而不是像我偶然做的那样,添加一个额外的变量
function sortAndStore(data) {
var images = data.data;
pagLink = data.pagination.next_url;
function sortAndStore(data) {
var images = data.data,
pagLink = data.pagination.next_url;