아약스 호출에서 배열에 추가 javascript - undefined

Question

배열을 선언 한 다음 여러 값 행을 반환하는 ajax 호출을 작성합니다. 이전에 선언 한 배열에이 행의 ID를 추가하려고하지만 정의되지 않은 값을 계속 반환합니다.

var recipeIds = Array(); 
    $.ajax({ 
     url: url, 
     type: 'POST', 
     contentType: "application/json", 
     dataType: 'jsonp', 
     crossDomain: true, 
     jsonp: 'jsoncallback', 
     cache:true, 
     success: function(data, status){ 
      $.each(data, function(i,item){ 
          recipeIds.push(item.id); 
     }); 
     }, 
     error: function(){ 
      console.log("Ajax not working - recipies in cat"); 
     } 
    }); 
    alert("array0 = " + recipeIds[0]); 

의견이 있으십니까?

Answer 1

경고를 받으면 아약스 호출이 아직 반환되지 않았습니다. 비동기식이기 때문에 ayax 호출은 이후 경고 발생 후 발생합니다.

ajax 함수에 전달한 success 콜백 내부의 결과를 사용해야합니다.