Javascript: wait loop for jquery callback

Question

I have a ajax like as below:

$.get('/api/get-data)
.then(function (res) {
    console.log(res);
});

And i want write a loop to get data, like this:

while (true) {
    $.get('/api/lastbids/' + auctionId)
    .then(function (res) {
        console.log(res);
    });
}

I want set delay between every request, i can use setinterval but i want when get response finished, after 500ms send another request for data.

Use promises developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… so you can track whether you got the response or not. — divakar
– divakar, Commented Apr 29, 2019 at 10:10
Create a function to get /api/lastbids/, than in callback delay 500ms, than call same function again. — skobaljic
– skobaljic, Commented Apr 29, 2019 at 10:13
@RokoC.Buljan Since he want it to be deferred, i suggested a custom promise function. — divakar
– divakar, Commented Apr 29, 2019 at 10:16

Roko C. Buljan · Accepted Answer · 2019-04-29 10:41:40Z

2

You could use a simple function recursion with a recurring setTimeout:

function getBidsLoop () {
  $.get('/api/lastbids/' + auctionId).then(function (res) {
    console.log(res);
    setTimeout(getBidsLoop, 500); // << Recursive call
  });
}


getBidsLoop (); // Start

edited Apr 29, 2019 at 10:41

answered Apr 29, 2019 at 10:18

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

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

2 Comments

Masoud92m Over a year ago

i used your code, and set 1 sec delay in backend (/api/las..) but only work in first time, please check it i.imgur.com/Xvc0gG5.png

Roko C. Buljan Over a year ago

@Masoud92m fixed. Sorry, my mistake

theshiver · Accepted Answer · 2019-04-29 13:10:31Z

You can use callbacks for each request

var firstRequest = function(callback) {
      // some random endpoint for result
      $.get('https://pokeapi.co/api/v2/pokemon/1/', function(data) {
        callback(data);
      }).fail(function() {
        callback(false);
      });
    },
    secondRequest = function(callback) {
      // some random endpoint for result
      $.get('https://pokeapi.co/api/v2/pokemon/2/', function(data) {
        callback(data);
      }).fail(function() {
        callback(false);
      });
    };


// first, run first request, wait for response, then run second request. finally grab both request's responses. 
firstRequest(function(firstResult){
  if (firstResult) {
    // you can wrap the code below with setTimeout if you want
    secondRequest(function(secondResult) {
      console.log(firstResult, secondResult);
    });
  }
});

Collectives™ on Stack Overflow

Javascript: wait loop for jquery callback

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related