How to wait inside multile Jquery Get Function

Question

In the below code , I loop through each domains and do some operations via jQuery GET function.The Loop is synchronous. How to make each loop wait 5 seconds before it perform next GET request.

 jsons = ["123.com","234.com","456.com"]


    jQuery.each(jsons, function(key,ele) {
    var maindomain = ele; 
    var apis= "https://api.panel.com/search?q="+maindomain;
    $.get(apis, function(source) { 

    if(source == "yes")
    {
    $.get("https://database.com/update.php?domain="+maindomain, function(response) { 
    console.log("successs");
    });
    }

    //SLEEP 5 seconds Here
    });

have you tried setTimeout()?

Sam Teng Wong
– Sam Teng Wong

2016-03-01 06:57:03 +00:00
Commented Mar 1, 2016 at 6:57 — Sam Teng Wong
– Sam Teng Wong, Commented Mar 1, 2016 at 6:57
why do not you use closure

shu
– shu

2016-03-01 06:58:02 +00:00
Commented Mar 1, 2016 at 6:58 — shu
– shu, Commented Mar 1, 2016 at 6:58
Possible duplicate of jQuery ajax inside a loop problem

Rajesh Dixit
– Rajesh Dixit

2016-03-01 07:01:50 +00:00
Commented Mar 1, 2016 at 7:01 — Rajesh Dixit
– Rajesh Dixit, Commented Mar 1, 2016 at 7:01

guest271314 · Accepted Answer · 2016-03-01 16:51:16Z

2

You could use .queue(), ~~$.when()~~ , setTimeout(), .dequeue()

var jsons = ["123.com","234.com","456.com"];

$({}).queue("requests", jsons.map(function(request) {
  return function(next) {
    // do ajax stuff
    $.get("https://api.panel.com/search?q=" + request)
    .then(function(source) {
       if (source === "yes")
       return $.get("https://database.com/update.php?domain=" + maindomain)
    })         
    .then(function() {
      // call `next` function after `5000ms` timeout
      setTimeout(next, 5000)
    })
  }
})).dequeue("requests")

var jsons = ["123.com","234.com","456.com"], res = [];

var fn = function(arg) {
  return $.Deferred(function(d) {
    d.resolve([arg, "success", {}])
  }).then(function(data) {
    res.push(data); return data
  })
}

$({}).queue("requests", jsons.map(function(request) {
  return function(next) {
    // do ajax stuff here
    fn(request).then(fn.bind(null, request))
    .then(function() {
      console.log(res)
      // call `next` function after `5000ms` timeout
      setTimeout(next, 5000)
    })
  }
})).dequeue("requests")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>

edited Mar 1, 2016 at 16:51

answered Mar 1, 2016 at 7:18

guest271314

1

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

3 Comments

codemaster Over a year ago

database.com/update.php?domain=" + maindomain should run only after the first get request is completed

Vishnu Over a year ago

plus one , Hi , How Can I add error handling to this snipper

guest271314 Over a year ago

@Vishnu You should be able to add .fail() chained to second .then()

Collectives™ on Stack Overflow

How to wait inside multile Jquery Get Function

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related