jQuery deferrend; callback для функций ожидания

Question

Мне нужно вызвать 3 функции с запросами AJAX до того, как одна из функций будет готова. Для всех функций нужны одни и те же данные, поэтому я хочу запустить запрос AJAX только один раз. Я думаю, что мне нужна функциональность, чтобы вызывать 2 из 3 функций, чтобы ждать и предоставлять данные в конце. Может быть, проблема в том, что я новичок в jQuery Deferred и не нашел какой-то основной материал? Спасибо за помощь!

Поскольку мой сценарий является сложным, как, например, таким образом я создал эту демонстрацию (я надеюсь, что это говорит само за себя)

<script> 
    var requestRunning = false; 

    //do some ajax request etc... 
    function doSomething() { 
     return { 
      doIt: function (test, startDelay) { 
       var dfd = $.Deferred(); 

       setTimeout(function() { 
        if (requestRunning == false) { 
         console.log("starting ajax call:", test); 

         requestRunning = true; 

         //Fake ajax call 
         setTimeout(function() { 
          dfd.resolve(test); 
          // Todo: A done; provide data to waiting B and C. 
         }, 500); 
        } 
        else { 
         console.log("ajax call allready running, waiting...", test); 
        } 
       }, startDelay); 

       return dfd.promise(); 
      } 
     } 
    } 

    // Fake delay for function calls in really short time 
    var master = doSomething(); 
    var a = master.doIt("a", 10); 
    var b = master.doIt("b", 15); 
    var c = master.doIt("c", 12); 

    // Do some stuff with the received data... 
    a.done(function myfunction(result) { 
     console.log(result + " done"); 
    }); 

    b.done(function myfunction(result) { 
     console.log(result + " done"); 
    }); 

    c.done(function myfunction(result) { 
     console.log(result + " done"); 
    }); 
</script> 

Answer 1

Я не совсем уверен, что вы пытаетесь сделать, но если то, что вы хочу сделать, это запустить три Ajax звонки сразу, а потом знать, когда все они сделаны, так как JQuery Ajax звонки уже вернуть обещание, вы можете использовать это обещание и $.when() вроде этого:

var p1 = $.ajax(...); 
var p2 = $.ajax(...); 
var p3 = $.ajax(...); 

$.when(p1, p2, p3).then(function(r1, r2, r3) { 
    // results of the three ajax calls in r1[0], r2[0] and r3[0] 
}); 

---

Или, вы даже можете сделать это без промежуточных переменных:

$.when(
    $.ajax(...), 
    $.ajax(...), 
    $.ajax(...) 
).then(function(r1, r2, r3) { 
    // results of the three ajax calls in r1[0], r2[0] and r3[0] 
}); 

---

Если вы вызываете функции, которые сами по себе Ajax звонки, то вы можете просто вернуть АЯКС обещание от этих функций и использовать вызов функции со структурой выше:

function doSomethingAjax() { 
    // some code 
    return $.ajax(...).then(...); 
} 

$.when(
    doSomethingAjax1(...), 
    doSomethingAjax2(...), 
    doSomethingAjax3(...) 
).then(function(r1, r2, r3) { 
    // results of the three ajax calls in r1[0], r2[0] and r3[0] 
});