循环怪异行为的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