javascript - 未定義を示す Javascript 変数

Question

私はグローバルな JavaScript 配列を持っており、関数の先頭でそこから値を呼び出すことができますが、その後、リーダー [i] に警告すると、未定義として表示されます。互いに、JS は配列内の値を見つけることができないようです。

JS

function getLeaders(bool) {
    var leaders = new Array();
    leaders.push('444');
    leaders.push('111');
    $.ajax({
        url: 'url',
        crossDomain: true,
        type: 'post',
        data: {
            'clubID': curClub
        },
        success: function (data) {
              for (var i = 0; i < leaders.length; i++)
              {
                  alert(leaders[i]); <===== working fine here
                  $.ajax({
                       url: 'someurl',
                       crossDomain: true,
                       type: 'post',
                       data: {
                           'id': leaders[i] <====== works here
                       },
                       success: function(data3) {
                           alert(leaders[i]);      <======= undefined here
                           var json3 = jQuery.parseJSON(data3);
                       }
                });
            }
           }
      });
     };

Answer 1

呼び出しは非同期であるため、呼び出しが戻るまでに、i の値はおそらく Leader.length になっています。したがって、おそらく範囲外のインデックスにアクセスしています。