无法使用ajax将项目附加到数组[重复]

Question

我正在尝试将 Instagram 图片的链接值附加到一个数组中。链接值在控制台中显示良好，但在 ajax 函数之后我的数组长度为 0。在所有链接之前，控制台中也会显示“0”。

我知道这个问题是由异步运行的 ajax 引起的，所以其余的 js 代码实际上是在任何东西可以附加到 $images 之前运行的，但我不知道如何规避这个问题。这是我的代码：

$liked = 'https://api.instagram.com/v1/users/self/media/liked?access_token=' + $access_token + '&COUNT=20';
$images = []

$.ajax({
    type:'get',
    dataType:'jsonp',
    cache: false,
    url: $liked,
    success: function(data) {
        for (var i = 0; i < data.data.length; i++) {
            console.log(data.data[i].images.standard_resolution.url);
            $images.push(data.data[i].images.standard_resolution.url);
        }

    }
});
console.log($images.length);

Answer 1

console.log 将在 ajax 调用结束之前运行；在数据循环结束后立即编写代码或 console.log 进入您的成功函数。

喜欢：

$liked = 'https://api.instagram.com/v1/users/self/media/liked?access_token=' + $access_token + '&COUNT=20';
$images = []

$.ajax({
    type:'get',
    dataType:'jsonp',
    cache: false,
    url: $liked,
    success: function(data) {
        for (var i = 0; i < data.data.length; i++) {
            console.log(data.data[i].images.standard_resolution.url);
            $images.push(data.data[i].images.standard_resolution.url);
        }
        console.log($images.length); // here the array is filled with response data
    }
});