jQuery Funktion Verkettung mit Deferred: .done() - Funktion sofort aufgerufen

Question

Ich versuche, einige Daten in mehreren Funktionen zu erhalten und möchte sie verketten, um die letzte Funktion nur auszuführen, wenn alle Daten ordnungsgemäß geladen wurden.

Das Problem ist, dass die Funktionen im .done() - Teil sofort aufgerufen werden und nicht warten, bis das Deferred-Object aufgelöst ist. Ich habe es auch versucht, indem ich sie mit .then() verkettet habe, aber das hat auch nicht funktioniert.

var array1, array2; 

function doStuffWithReceivedData() { 
    // Working with the data 
} 

function getArray1() { 
    var defArray1 = $.Deferred(); 

    $.getJSON(url, function(data) { 
     if (data.success) { 
      array1 = data.payload; 
      defArray1.resolve(); 
     } else { 
      // Information displayed that there was an error 
     } 
    }) 

    return defArray1; 
} 

// Function 2 is like the first one 
function getArray2() {...}; 

$(document).read(function() { 
    getArray1() 
     .done(getArray2() 
      .done(doStuffWithReceivedData())); 
} 

Answer 1

Das Argument zu .done() muss eine Funktion sein. Sie rufen die Funktion auf, übergeben sie nicht. Entfernen Sie die Klammern.

$(document).ready(function() { 
    getArray1() 
     .done(function() { 
      getArray2().done(doStuffWithReceivedData)); 
     } 
}