JQuery throttling and AJAX request queuing

Question

I interact with an API that allows one action in 5 seconds. However, I want all requests to end with a host. How can I queue and process requests that are created against the API using .ajax ()?

Significant Duty!

Answer 1

You can do something in this direction

var requests = []; setInterval(function() { if(requests.length > 0) { var request = requests.pop(); if(typeof request === "function") { request(); } } }, 5000); // then anywhere you need to make an ajax request requests.push(function() { // ajax request here $.ajax({ url: "/foo", // some variable from outer scope success: function(a,b,c) { // handle it } }); }); 

Answer 2

jQuery has . delay () and . queue () I suggest you check and read.

Answer 3

I would highly recommend this plugin for throttling Ajax requests: http://benalman.com/projects/jquery-throttle-debounce-plugin/

Answer 4

If you want to guarantee something, it’s best for you to access an environment other than the Internet — it is inherently unreliable. In either case, to try to provide, you could use the Javascript setTimeout to initiate the call later.

In addition, if you do not want to use any other third-party resources, you can learn the delay method by jQuery.