$ getJSON and for loop issue

Question

Это для заполнения таблицы количеством результатов, возвращаемых из запроса API MediaWiki /api.php?action=query&list=querypage&qppage=BrokenRedirects. Количество результатов затем добавляется к идентификатору, например:

// BrokenRedirects 
$.getJSON('/api.php?action=query&list=querypage&qppage=BrokenRedirects&format=json', function (data) { 
    $('#BrokenRedirects').text(data.query.querypage.results.length); 
}); 

Но, как это повторяется еще 7 раз я сделал аргументы для qppage в массив и использовать для цикла, чтобы сократить общий код.

var array = ['BrokenRedirects', 
      'DoubleRedirects', 
      'Unusedcategories', 
      'Unusedimages', 
      'Wantedcategories', 
      'Wantedfiles', 
      'Wantedpages', 
      'Wantedtemplates']; 

for (var i = 0; i < array.length; i++) { 
    $.getJSON('/api.php?action=query&list=querypage&qppage=' + array[i] + '&format=json', function (data) { 
     $('#' + array[i]).text(data.query.querypage.results.length); 
    }); 
} 

Первый, непроверенный, версия работает. Но когда я добавил цикл, это не так. Выполняется часть $getJSON, но затем не удается добавить результирующие данные к идентификатору. Я запускал его через JSLint, который, кроме жалобы на функции в цикле, и объявлял var i с var array, возвратил небольшую помощь. Я относительно неопытен с javascript, поэтому, по-видимому, переменная не может использоваться дважды в цикле? Помимо этого, возможно, что-то связано с использованием идентификатора внутри цикла?

Answer 1

Это классическая проблема: i имеет значение конца цикла при вызове обратного вызова.

Вы можете исправить это следующим образом:

for (var i = 0; i < array.length; i++) { 
    (function(i) { // protects i in an immediately called function 
     $.getJSON('/api.php?action=query&list=querypage&qppage=' + array[i] + '&format=json', function (data) { 
     $('#' + array[i]).text(data.query.querypage.results.length); 
     }); 
    })(i); 
} 

Answer 2

Вы должны написать функцию, как -

function callUrl(value) 
{ 
$.getJSON('/api.php?action=query&list=querypage&qppage=' + value + '&format=json', function (data) { 
     $('#' + value).text(data.query.querypage.results.length); 
    }); 
} 

, а затем вызвать его с какой-то вариант тайм-аут, как -

setTimeout('callUrl(+ array[i] +)',500); внутри цикла -

ie

for (var i = 0; i < array.length; i++) { 
    setTimeout('callUrl(+ array[i] +)',500); 
} 

Здесь потребуется некоторая задержка для каждого звонка.

Answer 3

getJSON является асинхронный Ajax позвонить

отнести: use synchronous ajax calls

Answer 4

$.each() Использование Jquery для перебора массива вместо для цикла.

Например:

$.each(array, function(_, value) { 
    var url = '/api.php?action=query&list=querypage&qppage=' + value + '&format=json'; 

    $.getJSON(url, function (data) { 
     $('#' + value).text(data.query.querypage.results.length); 
    }); 
});