Call function after complete async loop

Question

For example we've following code:

var data = [obj, obj, obj];

function handler(k, v) {
  ...
  check(v, function() {});
}

function check(params, callback) {
  ...
  request(options, callback);
}

function request(opts, callback) {
  $.ajax({
    ...
    opts
    ...
    callback
  });
}

$.each(data, handler);

How can we wait for done $.each and call some function? For example, something look like:

$.when($.each(data, handler)).then(alert(1));

I can not find solution.

P.S. We can not know length of data.

P.S. this is not duplicate because code apologize using promises or something pretty

Possible duplicate of JQuery: call function after async each — Rajesh Dixit
– Rajesh Dixit, Commented Nov 8, 2015 at 14:12

Gijs · Accepted Answer · 2015-11-08 14:17:28Z

0

I suggest looking into the q library and start using promises for this problem. You can also include each callback in the previous one, creating your first Pyramid of Doom.

answered Nov 8, 2015 at 14:17

Gijs

11k5 gold badges29 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MinusFour · Accepted Answer · 2015-11-08 14:22:10Z

0

You need to return the jqXHR objects and stack them up in an array with $.map:

var data = [obj, obj, obj];

function handler(v, i) {
  ...
  return check(v, function() {});
}

function check(params, callback) {
  ...
  return request(options, callback);
}

function request(opts, callback) {
  return $.ajax({
    ...
    opts
    ...
    callback
  });
}

$.when($.map(data, handler)).then(function(){

  });

answered Nov 8, 2015 at 14:22

MinusFour

14.5k4 gold badges32 silver badges39 bronze badges

4 Comments

Frank J. Z. Over a year ago

Nice solution, but not working for me: then can't get results of new var after executing

MinusFour Over a year ago

I don't know what you mean by "then can't get results of new var". You want to reach the resolved values of each individual deferred object? They are part of the arguments object inside the then handler.

Frank J. Z. Over a year ago

Oh, my bad, look: function handler have an array of all results, and when i use $.then(function(){console.log(array of results)}) it's empty because was executed before end of loop

MinusFour Over a year ago

Well, sounds like it's part of the omitted code and another type of error (maybe your results aren't global). You shouldn't be dealing with your results this way, like I said before, you'd need to grab them from the arguments object inside the then handler.

Collectives™ on Stack Overflow

Call function after complete async loop

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related