Call jQuery Ajax Request Each X Minutes

Question

How can I call an Ajax Request in a specific period of time? Should I use Timer Plugin or does jQuery have a plugin for this?

You can google this. http://stackoverflow.com/questions/4542863/jquery-ajax-call-with-timer — Zabba, Feb 08 '11 at 07:06

score 146 · Accepted Answer · answered Feb 08 '11 at 07:09

146

You can use the built-in javascript setInterval.

var ajax_call = function() {
  //your jQuery ajax code
};

var interval = 1000 * 60 * X; // where X is your every X minutes

setInterval(ajax_call, interval);

or if you are the more terse type ...

setInterval(function() {
  //your jQuery ajax code
}, 1000 * 60 * X); // where X is your every X minutes

answered Feb 08 '11 at 07:09

Ben

9,725
6
23
28

only 2nd technique work – The EasyLearn Academy Mar 24 '22 at 04:48

score 13 · Answer 2 · edited Mar 26 '18 at 09:30

A bit late but I used jQuery ajax method. But I did not want to send a request every second if I haven't got the response back from the last request, so I did this.

function request(){
            if(response == true){
                // This makes it unable to send a new request 
                // unless you get response from last request
                response = false;
                var req = $.ajax({
                    type:"post",
                    url:"request-handler.php",
                    data:{data:"Hello World"}
                });

                req.done(function(){
                    console.log("Request successful!");

                    // This makes it able to send new request on the next interval
                    response = true;
                });
            }

            setTimeout(request(),1000);
        }

        request();

Why not just add `setTimeout(request(),1000);` inside the req.done and avoid the need to check the bool? — Wobbles, Oct 09 '15 at 16:50
Well, good thinking. But the bool can be great for checking if the request has come forward anywhere else in the code. We say you can only click a submit button when the response has come back, then you can use that bool to check whether the response has come or not. — linslusa, Nov 03 '16 at 13:53

score 6 · Answer 3 · edited Jan 11 '16 at 06:02

6

you can use setInterval() in javascript

<script>
//Call the yourAjaxCall() function every 1000 millisecond
setInterval("yourAjaxCall()",1000);
function yourAjaxCall(){...}
</script>

edited Jan 11 '16 at 06:02

GAMITG

3,810
7
32
51

answered Feb 08 '11 at 07:14

Calvin Fan

61
1

score 5 · Answer 4 · edited Nov 13 '19 at 23:52

5

No plugin required. You can use only jquery.

If you want to set something on a timer, you can use JavaScript's setTimeout or setInterval methods:

setTimeout ( expression, timeout );
setInterval ( expression, interval );

edited Nov 13 '19 at 23:52

David

5,882
3
33
44

answered Feb 08 '11 at 07:10

santosh singh

27,666
26
83
129

2

setinterval is actually from javascript not jquery. – Exploit May 16 '13 at 04:57

score 4 · Answer 5 · answered Feb 08 '11 at 07:08

4

You have a couple options, you could setTimeout() or setInterval(). Here's a great article that elaborates on how to use them.

The magic is that they're built in to JavaScript, you can use them with any library.

answered Feb 08 '11 at 07:08

JMP

7,734
6
33
34

score 2 · Answer 6 · answered Feb 08 '11 at 07:29

2

use jquery Every time Plugin .using this you can do ajax call for "X" time period

$("#select").everyTime(1000,function(i) {
//ajax call
}

you can also use setInterval

answered Feb 08 '11 at 07:29

Gowri

16,587
26
100
160

link is broken and what is the advantage of it, can't we just use setinterval instead? – Suneel Kumar Sep 11 '17 at 06:05

score 1 · Answer 7 · answered Feb 05 '17 at 15:25

I found a very good jquery plugin that can ease your life with this type of operation. You can checkout https://github.com/ocombe/jQuery-keepAlive.

$.fn.keepAlive({url: 'your-route/filename', timer: 'time'},       function(response) {
        console.log(response);
      });//

score 0 · Answer 8 · answered Jul 31 '21 at 13:43

Instead of having an absolute repeating timer, you should call the function after completing the initial request (like a recursive function).

This ensures that requests will be sent only after completing the previous one. This avoids the issues like queuing up of requests and thereby Denial of Service.

(function ajaxRequest() {
  $.ajax('url_of_your_application.php', {
    type: 'post',
    data: {
      phone: '1234567890',
    },
  })
    .done(function (data) {
      // Do whatever you want with the data.
    })
    .always(function (data) {
      // We are starting a new timer only AFTER COMPLETING the previous request.
      setTimeout(ajaxRequest, 5000);
    });
})();

Call jQuery Ajax Request Each X Minutes

8 Answers8

Linked

Related