Javascript loop wait until api call finished

Question

This is my code ,

$.each(result, function (index, value) {
  if (value.name != null) {                       
    $.ajax({
      // myApi call code
    });
  }
  // I only want reach here after api call finish
  if (value.flag) {}
});

There are two condition inside loop , one is checking name != null and api call inside , the next is value.flag . I just want to reach to second condition after api call complete .

yes , please consider the `if` conditions also . – zey Aug 16 '18 at 17:23 — zey, Aug 16 '18 at 17:23

score 0 · Answer 1 · edited Aug 16 '18 at 22:36

0

you can use done function when ajax request completes

$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

edited Aug 16 '18 at 22:36

Barry

3,303
7
23
42

answered Aug 16 '18 at 17:14

fuzzybear

2,325
3
23
45

Hristo · Answer 2 · 2018-08-16T17:48:17.670

0

Take a look at the docs: https://api.jquery.com/jquery.ajax

I think what you're looking for is the following:

$.ajax({
  // options
})
  .done(function (response) {
    // do something with the response
  })
  .fail(function (response) {
    // handle the error case
  })
  .always(function (response) {
    // do something always at the end of the sequence
  })

With that in mind, you'll have to move the value.flag check to the callbacks:

$.each(result, function (index, value) {
  if (value.name != null) {
    $.ajax({ /* options */ })
      .done(function (response) {
        // this check will happen only if the request succeeds
        if (value.flag) {}
      })
      .fail(function (response) {
        // this check will happen only if the request fails
        if (value.flag) {}
      })
      .always(function (response) {
        // this check will always happen after the request
        if (value.flag) {}
      })
  }
)};

edited Aug 16 '18 at 17:48

answered Aug 16 '18 at 17:18

Hristo

45,559
65
163
230

can you describe with my code ? – zey Aug 16 '18 at 17:21
I updated my answer – Hristo Aug 16 '18 at 17:27
according to your code , I think if `value.name == null` , then the second condition `value.flag` cannot reach , am I right ? – zey Aug 16 '18 at 17:29
1

@zey if value.name==null do you want to execute value.flag? – karthick Aug 16 '18 at 17:35
yes of course. you can check my code. – zey Aug 16 '18 at 17:37
@zey, it'll be easier to address your questions if you add more detail to your question, as it's not clear exactly what you're looking for. – Hristo Aug 16 '18 at 17:37
1

@zey: your question gives the impression that value.flag should execute only after api call "I just want to reach to second condition after api call complete .". Kindly rephrase your question – karthick Aug 16 '18 at 17:42
I've updated my question – zey Aug 16 '18 at 17:42
I've updated my answer. – Hristo Aug 16 '18 at 17:43

Emeeus · Answer 3 · 2018-08-16T18:33:33.377

0

If I understand, you want all Ajax calls and iterations completed after doing something, so I think you want something like this:

var i = result.length - 1;
$.each(result, function(index, value) {
      if (value.name != null) {
        $.ajax({
          //code
        }).done(function() {
          i--;//<-- subtract 1 if ajax is completed
        });
      } else {
        i--;//<-- subtract 1 if value.name == null
      }
      if (!i) {//<-- it's true only if all ajax are completed and all iterations are made
        if (value.flag) {}
      }

    }

edited Aug 16 '18 at 18:33

answered Aug 16 '18 at 17:28

Emeeus

5,072
2
25
37

according to your code , I think if `value.name == null` , then the second condition `value.flag` cannot reach , am I right ? – zey Aug 16 '18 at 17:31
@zey Yes, but if value.name == null not all calls are made – Emeeus Aug 16 '18 at 17:37
please recheck my code ,even `value.name` is null or not , should reach the second condition . – zey Aug 16 '18 at 17:39
@zey I'm not sure if I understand, I've updated the answer, in that way we could only reach `if (value.flag) {}` if all requests and iterations are made. Am I right? – Emeeus Aug 16 '18 at 17:43

Javascript loop wait until api call finished

3 Answers3