jQuery Refresh/Reload Page if Ajax Success after predicted time

Question

I use Jquery to make an Ajax request. The server returns Json object with value "true or false" like this:

return Json(new { success = false, JsonRequestBehavior.AllowGet });

Is there any way to refresh page after 5 seconds if the server returns true?

score 57 · Answer 1 · answered Dec 26 '14 at 07:48

57

In your ajax success callback do this:

success: function(data){
   if(data.success == true){ // if true (1)
      setTimeout(function(){// wait for 5 secs(2)
           location.reload(); // then reload the page.(3)
      }, 5000); 
   }
}

As you want to reload the page after 5 seconds, then you need to have a timeout as suggested in the answer.

answered Dec 26 '14 at 07:48

Jai

74,255
12
74
103

What does 5000 means..? – Bala Karthik Sep 27 '16 at 07:24
2

@BalaKarthik that's time in ms which is equal to 5 seconds. – Jai Sep 28 '16 at 14:53
2

5000 means 5000 milliseconds ( 1 second = 1000 milliseconds) – Anh Hoang Mar 03 '17 at 07:06

score 17 · Answer 2 · edited Feb 28 '19 at 05:34

17

location.reload();

You can use the reload function in your if condition for success and the page will reload after the condition is successful.

edited Feb 28 '19 at 05:34

Buttle Butkus

9,206
13
79
120

answered Dec 26 '14 at 07:46

Vikas Gautam

997
7
23

Good idea to reload page but the main point here is setTimeout function :) – Anh Hoang Sep 03 '19 at 04:00

Sadikhasan · Answer 3 · 2014-12-26T07:59:09.573

10

if(success == true)
{
  //For wait 5 seconds
  setTimeout(function() 
  {
    location.reload();  //Refresh page
  }, 5000);
}

edited Dec 26 '14 at 07:59

answered Dec 26 '14 at 07:46

Sadikhasan

18,365
21
80
122

score 4 · Answer 4 · answered Sep 27 '19 at 11:01

4

I prefer this way Using ajaxStop + setInterval,, this will refresh the page after any XHR[ajax] request in the same page

    $(document).ajaxStop(function() {
        setInterval(function() {
            location.reload();
        }, 3000);
    });

answered Sep 27 '19 at 11:01

A. El-zahaby

1,130
11
32

It works with me but roload on loop Is there any way to make it work only when a Ajax value is changed – Said Erraoudy Oct 06 '20 at 15:06
1

@SaidErraoudy you can make `if statement` to check if the value has changed – A. El-zahaby Oct 07 '20 at 16:44
Something like that : https://jsfiddle.net/wLyoqrme/1/ – Said Erraoudy Oct 08 '20 at 08:37
1

@SaidErraoudy Create a global flag variance and set it's value whenever you get result from server. Then compare the current result with it – Anh Hoang Jan 28 '21 at 06:18

AVM · Answer 5 · 2014-12-26T07:56:15.787

2

var val = $.parseJSON(data);
if(val.success == true)
{
 setTimeout(function(){ location.reload(); }, 5000);

}

edited Dec 26 '14 at 07:56

answered Dec 26 '14 at 07:49

AVM

592
2
11
25

score 1 · Answer 6 · answered Dec 26 '14 at 07:50

1

$.ajax("youurl", function(data){
    if (data.success == true)
    setTimeout(function(){window.location = window.location}, 5000); 
    })
)

answered Dec 26 '14 at 07:50

asdf_enel_hak

7,474
5
42
84

score 1 · Answer 7 · answered Aug 01 '19 at 11:13

1

Lots of good answers here, just out of curiosity after looking into this today, is it not best to use setInterval rather than the setTimeout?

setInterval(function() {
location.reload();
}, 30000);

let me know you thoughts.

answered Aug 01 '19 at 11:13

Nick Coleby

84
8

setTimeout function is called one time only, the setInterval will be called many times. You know which one is suitable and better in this case – Anh Hoang Aug 05 '19 at 09:24

score 1 · Answer 8 · answered Nov 24 '21 at 22:52

Just use

    $.ajax({
        success: function (response) {
            location.reload();
            },
        error : function(xhr,errmsg,err) {
        console.log(xhr.status + ": " + xhr.responseText); // provide a bit more info about the error to the console
    }
    });

jQuery Refresh/Reload Page if Ajax Success after predicted time

8 Answers8

Linked