$ getJSON i wydanie pętli

Question

To jest wypełnianie tabeli ilością wyników, które są zwracane z zapytania MediaWiki API /api.php?action=query&list=querypage&qppage=BrokenRedirects. Liczba wyników Następnie dodaje się identyfikator, np

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

Jednak, jak to jest powtarzany 7 razy, i kolejne się argumenty za qppage w tablicy i stosuje się do obiegu w celu skrócenia całkowitego kodu.

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); 
    }); 
} 

Pierwsza, rozpinana wersja działa. Ale kiedy dodałem pętlę, nie było. Część $getJSON jest wykonywana, ale następnie nie dodaje do niej wynikowych danych. Przebiegłem przez JSLint, który oprócz narzekania na funkcje w pętli i deklarowania var i z var array zwrócił małą pomoc. Jestem stosunkowo niedoświadczony w javascript, więc myślę, że być może zmienną nie można użyć dwukrotnie w pętli? Poza tym, może coś wspólnego z użyciem identyfikatora w pętli?

Answer 1

To klasyczny problem: i ma wartość końca pętli po wywołaniu wywołania zwrotnego.

Można go naprawić tak:

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

Powinieneś napisać funkcję jak -

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

a następnie wywołać ją z jakąś opcją Timeout podobnego -

setTimeout('callUrl(+ array[i] +)',500); wewnątrz pętli -

tj.

W tym miejscu będzie wymagane pewne opóźnienie dla każdego połączenia.

Answer 3

getJSON jest an asynchroniczne wywołanie Ajax

odnoszą się: use synchronous ajax calls

Answer 4

Zastosowanie Jquery $.each() iterację tablicy zamiast pętli for.

Na przykład:

$.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); 
    }); 
});