循環怪異行為的Javascript

Question

我得到以下輸出結果很奇怪：

Wait..
Request 2 Complete.
Request 2 Complete.

在簡單的for循環中：

for (var i = 0, j = urls.length; i < j; i += 1) {
    $.ajax({
        url: urls[i],
        dataType: 'jsonp',
        complete: function() {
            log.append('Request ' + i + ' Complete.' + "\n");
            if (i == (j - 1)) {
                log.append('Done.');
            }
        }
    });

}

為什么i總是等於2 ？

Answer 1

這是因為在ajax請求中對i兩次調用都引用了for -loop的相同i 。 在時間點上，當請求完成時（因此可以訪問i ），循環已終止，並且i具有最終值，此處為2 。

我認為您正在尋找這樣的東西：

for (var i = 0, j = urls.length; i < j; i += 1) {
  !function( i ){
    $.ajax({
        url: urls[i],
        dataType: 'jsonp',
        complete: function() {
            log.append('Request ' + i + ' Complete.' + "\n");
            if (i == (j - 1)) {
                log.append('Done.');
            }
        }
    });
  }( i );
}

通過將i的值傳遞給立即執行的函數，可以創建i的各個值的副本以在ajax請求內使用。

Answer 2

嘗試使用

     async = false;
in ajax request