이상한 데이터 동작, 정의되지 않은 변수 등

Question

내 스크립트는 매우 이상하게 작동하지만 모든 값을 얻지 만 경고를 통해이를 확인하려면 먼저 "정의되지 않음"을 제공하고 다른 것들은 정확합니다. 그러나 모든 경고를하지 않으면 모든 변수가 "정의되지 않음"을 보여줍니다. 내 코드 :

var arr = new Array(); 

function fetchData(){ 
    $.get("post.php", 
     function(data){ 
      arr.img = $(data).find("img").attr("src"); 
      arr.link = $(data).find("td:last a").attr("href"); 
      arr.title = $(data).find("td:last a:first b u").text(); 
      arr.post = $(data).find("td:last span").text(); 
     } 
    ); 

} 

// On page load fetch 4 times and make bar 
for (i = 0; i < 4; i++){ 
    var str; 
    fetchData(); 
    alert(arr.img); 
    alert(arr.link); 
    alert(arr.title); 
    alert(arr.post); 

    str = "<td><tr><td><a href='" + arr.link + "'><img src='" + arr.img + "' width='100' height='100' /></a></td></tr><tr><td><strong>" + arr.title + "</strong> - " + arr.post + "</td></tr></td>"; 

    $("div").append(str); 
} 

Answer 1

응답이 수신되기 전에 for 루프가 실행됩니다.

마지막 15 번 작동하는 이유는 첫 번째 경고를 무시할 때까지 응답을 수신했기 때문입니다.

콜백에 알리미를 넣으면 내 뜻을 알 수 있습니다.

var arr = new Array(); 

function fetchData(){ 
    $.get("post.php", 
     function(data){ 
      arr.img = $(data).find("img").attr("src"); 
      arr.link = $(data).find("td:last a").attr("href"); 
      arr.title = $(data).find("td:last a:first b u").text(); 
      arr.post = $(data).find("td:last span").text(); 

      var str; 
      alert(arr.img); 
      alert(arr.link); 
      alert(arr.title); 
      alert(arr.post); 

      str = "<td><tr><td><a href='" + arr.link + "'><img src='" + arr.img + "' width='100' height='100' /></a></td></tr><tr><td><strong>" + arr.title + "</strong> - " + arr.post + "</td></tr></td>"; 

      $("div").append(str); 
     } 
    ); 

} 

// On page load fetch 4 times and make bar 
for (i = 0; i < 4; i++){ 
      fetchData(); 
}