아약스 배열에 항목을 추가 할 수 없습니다

Question

Instagram 이미지의 링크 값을 배열에 추가하려고합니다. 링크 값이 콘솔에서 잘 보이지만 내 배열 길이는 0이고 ajax 함수 다음입니다. 또한 모든 링크 앞에 '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 호출이 종료되기 전에 실행됩니다. 코드를 작성하거나 데이터 루프가 끝난 직후 success 함수에 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 
    } 
});