How to send Ajax request on every 1s using JQuery?

Question

How to send Ajax request on every 1s using JQuery ?

It is quite possible that you can't. It is very common for a request to take more then 1 second to complete. So if you tried to do this you would almost certainly end up with a long queue of requests waiting for an available connection and for them to come back in different order to being sent out (creating a race condition). You probably want to send one request as part of the callback to the previous request coming back. — Quentin, Mar 15 '11 at 10:10

score 17 · Answer 1 · answered Mar 15 '11 at 10:15

You probably don't want to send a request every second as David already noted.

Therefore, using setInterval is a bad idea.

Instead consider doing something like this:

function doAjax() {

  $.ajax({
   ...
   complete: function() {
    setTimeout(doAjax,1000); //now that the request is complete, do it again in 1 second
   }
   ...
  });
}

doAjax(); // initial call will start rigth away, every subsequent call will happen 1 second after we get a response

score 6 · Answer 2 · answered Mar 15 '11 at 10:02

6

you can use setInterval, but setInterval ist not part of jQuery:

setInterval(function() {
    $.get(...);
}, 1000);

answered Mar 15 '11 at 10:02

felixsigl

2,900
1
23
16

score 1 · Answer 3 · edited May 23 '17 at 10:27

1

The interval 1 sec is small enough and it can be that you will start the second request before you receive response to the first request. So you should either start the next request after receiving of the previous one (see the suggestion of Martin Jespersen) or save jqXHR from the previous $.ajax request in a variable and use it to abort the previous request (see here an example)

edited May 23 '17 at 10:27

Community

1
1

answered Mar 15 '11 at 10:23

Oleg

220,925
34
403
798

score 0 · Answer 4 · answered Jul 09 '13 at 08:58

if you use setInterval method, you may crush the browser, because setInterval is not waiting for ajax function to complete, if server is running slow or user's connection speed is low this may be cause running multiple ajax requests at the same tme

score 0 · Answer 5 · answered Mar 15 '11 at 10:04

0

setInterval(myAjaxCall, 1000);

Obviously in the function myAjaxCall() you will do all you ajax stuffs with jquery.

answered Mar 15 '11 at 10:04

Mauro Rocco

4,980
1
26
40

How to send Ajax request on every 1s using JQuery?

5 Answers5

Linked