How to wait until a function which contains an AJAX request is done?

Asked Oct 11 '16 at 12:38

Active Oct 11 '16 at 13:15

Viewed 41 times

I tried something like this :

// ...
SaveSomething: function () {
    var item1 = "" //something;
    MyTools.Ajax("SaveSomething", {
        item: item1
    }).done(function (res) {
        return res.list;
    });
},
// ...

And there is the function that calls this SaveSomething function (part of a singleton)

// This is not working at all...
function SaveSomethingProcess() {
    $.when(MyObject.SaveSomething()).done(function (res) {
        console.log(res);
    });
}

I want to be able from somewhere else to call var k = SaveSomethingProcess();, wait the inner's AJAX call SaveSomething to be done and take the res object to the k variable.

Is it possible with promises or something?

edited Oct 11 '16 at 13:15

Sr Julien

asked Oct 11 '16 at 12:38

Giannis Grivas

3,374
1
18
38

2

You can't do that I'm afraid. However you could return the promise from `MyObject.SaveSomething` then use `done()` on that promise. Alternatively you could follow your current pattern and change `SaveSomethingProcess()` to take a callback function which you pass along to `done()` – Rory McCrossan Oct 11 '16 at 12:44
Can you demonstrate the first solution you said? – Giannis Grivas Oct 11 '16 at 12:52
You should specify **async** attribute to _false_ and then check **responseText** attribute but it's deprecated, so you should review your process in order to use callback functions. – Alessandro Oct 11 '16 at 12:55
@AlessandroMaglioccola never, *ever* use `async: false` – Rory McCrossan Oct 11 '16 at 13:06
@GiannisGrivas there's a great explanation of the problem and the workarounds in the duplicate question – Rory McCrossan Oct 11 '16 at 13:06
thank you @RoryMcCrossan – Giannis Grivas Jan 03 '17 at 20:17

How to wait until a function which contains an AJAX request is done?

0 Answers0