Javascript Instagram API-使用jquery获取图像

我制作了一个AJAX函数，可以获取Instagram帐户的四张最新图片。现在，我想制作一个

append

函数，在名为

insta left

的

中插入我的前两张图像，在另一张名为

insta right

的

中插入另外两张图像，但我找不到拆分函数的解决方案：


var-token='MY_-token'，
userid=我的用户ID，
num_photos=4；//我收到的照片数量
$.ajax({
网址：'https://api.instagram.com/v1/users/“+userid+”/media/recent'，
数据类型：“jsonp”，
键入：“GET”，
数据：{
访问令牌：令牌，
计数：num_照片
},
成功：功能（数据）{
控制台日志（数据）；
对于（数据中的x.data）{
$（'.insta left'）。追加（''）；
}
},
错误：函数（数据）{
控制台日志（数据）；
}
});执行常规for循环并检查索引如何

success: function(data) {
console.log(data);
    for (i = 0; i < data.data.length; i++) {
        if (i < 2) {
            $('.insta-left').append('<img src="' + data.data[i].images.low_resolution.url + '">');
        } else {
            $('.insta-right').append('<img src="' + data.data[i].images.low_resolution.url + '">')
        }
    }

成功：函数（数据）{
控制台日志（数据）；
对于（i=0；i

您可能还需要考虑Instagram API返回的照片数少于您要求的照片数的情况。
是否定期执行for循环并检查索引

success: function(data) {
console.log(data);
    for (i = 0; i < data.data.length; i++) {
        if (i < 2) {
            $('.insta-left').append('<img src="' + data.data[i].images.low_resolution.url + '">');
        } else {
            $('.insta-right').append('<img src="' + data.data[i].images.low_resolution.url + '">')
        }
    }

成功：函数（数据）{
控制台日志（数据）；
对于（i=0；i

您可能还需要考虑Instagram API返回的照片数量少于您要求的照片数量的情况。
您可以尝试以下方法：

for(i = 0; i < 2; i++) {
  $('.insta-left').append(...);
}

for(i = 2; i < 4; i++) {
  $('.insta-right').append(...);
}

你可以试试类似的东西

for(i = 0; i < 2; i++) {
  $('.insta-left').append(...);
}

for(i = 2; i < 4; i++) {
  $('.insta-right').append(...);
}

我比我更喜欢你的解决方案。但是可能会添加一个
else if（I<4）{…}
，这样它就不会渲染比它应该渲染的更多的图像。而第一个
if
语句实际上应该是
if（I<2）
，因为
if（我有很好的反馈！我更改了我的答案以反映这些评论。我比我更喜欢你的解决方案。但是可能会添加一个
else if（i<4）{…}
，这样它就不会呈现比它应该呈现的更多的图像。而且第一个
if
语句实际上应该是
if（i<2）
因为
if（我的反馈很好！我更改了我的答案以反映这些评论。谢谢你工作完美我的帐户中始终会有更多的感谢4图像，但知道它很好；）谢谢你工作完美我的帐户中始终会有更多的感谢4图像，但知道它很好；）