$getJSON-und for-Schleife Problem

Dies ist zum füllen einer Tabelle mit der Menge der Ergebnisse, die zurückgegeben werden aus der MediaWiki API-Abfrage /api.php?action=query&list=querypage&qppage=BrokenRedirects. Die Anzahl der Ergebnisse wird dann Hinzugefügt, um die id, z.B.:

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

Aber, da es wiederholt zu weitere 7 mal machte ich die Argumente für qppage in ein array und verwendet eine for-Schleife zu verkürzen gesamte code.

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

Den ersten, unlooped, die version funktioniert. Aber wenn ich fügte hinzu, eine Schleife ist es nicht. Die $getJSON Teil ausgeführt, doch es schlägt fehl, fügen Sie die resultierenden Daten zu der id. Ich lief es durch JSLint, die abgesehen von Klagen über Funktionen in einer Schleife und deklarieren var i mit var array kehrte wenig helfen. Ich bin relativ unerfahren mit javascript so dachte, vielleicht ist eine variable kann nicht verwendet werden, zweimal innerhalb einer Schleife? Andere als die, vielleicht etwas zu tun mit einer id innerhalb einer Schleife?

InformationsquelleAutor Onei | 2013-03-11
  1. 26

    Das ist ein klassisches problem : i hat den Wert von Ende der Schleife, wenn der callback aufgerufen wird.

    Kann man es wie folgt :

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

    2018 Nachtrag:

    Gibt es nun noch eine sauberere Lösung, die in heutigen Browsern: verwenden Sie let statt var:

    for (let 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);
    });
}
    • WOW!!! Du bist genial, aber JavaScript.... Ich wirklich lieber Java final Mechanismus, viel intuitiver für mich
    • Séguret können wir getjson im inneren Schleife gleich var promiseA und verwenden Sie dann die Rückgabe von Daten in $.wenn ...dann-Funktion?
    InformationsquelleAutor Denys Séguret
  2. 3

    Jquery $.jeder() Iteration über das array, anstatt eine for-Schleife.

    Beispiel:

    $.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);
    });
});
    InformationsquelleAutor user2973469
  3. 2

    getJSON ist ein asynchrone ajax-call

    FINDEN: verwenden Sie synchrone ajax-Aufrufe

    • Ich habe erkunden synchrone ajax-Aufrufe, aber jemand wies darauf hin, dass jeder Aufruf nur ausgeführt wird, nachdem der Vorherige Aufruf abgeschlossen ist, wird mit jedem Aufruf irgendwo zwischen 0,5 bis 1 Sekunde. Da gibt es 8 Anrufe in das Skript, das bringt mich bis zu einem potential von 8 Sekunden für das Skript zu laden. Die Menschen werden sich Wundern, wenn es lädt.
    InformationsquelleAutor Girish
  4. 0

    Sollten Sie eine Funktion schreiben, die wie -

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

    dann rufen Sie es mit einige timeout-option wie -

    setTimeout('callUrl(+ array[i] +)',500); innerhalb der loop -

    d.h.

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

    Einiger Verzögerung für jeden Anruf werden hier benötigt.

    InformationsquelleAutor Piyas De
Schreibe einen Kommentar