Jquery refresh the page after success

Question

How do I refresh the page after ajax call success. The page doesn't refresh even thought I have put window.location.reload(true). It only displays the echo message but doesn't refresh it

$("#update-btn").click(function() {
    var token = document.getElementById('tokenAmount').value;; //Place the token here
    var master = currentUserID;
    var lastUser = lastNode.info.id;
    $.ajax({
        type : "POST",
        url : "update.php", 
        data : {'master': master,
            'token' : token,
            'user_id': lastUser 
        },
        success : function(data) {
            alert(data);
            window.location.reload(true);
        }
    }); 
});

update.php

$master=$_POST['master'];
$user = $_POST['user_id'];
$token = $_POST['token'];

if(condition)
{
    $result = $MySQLi_CON->query($secondToken);
    if($result == false)
        $response['msg'] = "Not Enough";
    else
    {    
        $response['msg'] = "Successful";
    }
}

else
{
    $response['msg'] = "Not enough";
}
echo json_encode($response['msg']);

I see a `}` in more at the line 15 of 'update.php'. Check it please — The Dude, Oct 18 '16 at 07:24
Why are you using AJAX if you're going to reload the page anyway? The usual purpose of AJAX is so you can make changes without reloading. — Barmar, Oct 18 '16 at 07:55

score 1 · Answer 1 · edited May 23 '17 at 12:33

1

.ajaxStop() callback executes when all AJAX call completed. This is a best place to put your handler.

$(document).ajaxStop(function(){
    window.location.reload();
});

The source is from here

edited May 23 '17 at 12:33

Community

1
1

answered Oct 18 '16 at 07:17

Blueblazer172

588
2
15
44

where should i query that? – anon Oct 18 '16 at 07:18

score 1 · Answer 2 · answered Oct 18 '16 at 07:28

1

Please try below code :-

location.reload();

Edited :-

success : function(data) {
            alert(data);
            location.reload();
        }

Other ways :-

location.reload()
history.go(0)
location.href = location.href
location.href = location.pathname
location.replace(location.pathname)
location.reload(false)

Please have a look on below link :- There are 534 other ways to reload the page with JavaScript :-

http://www.phpied.com/files/location-location/location-location.html

answered Oct 18 '16 at 07:28

Anand Systematix

632
5
15

all above doesn't work. It doesn't seem to reload the page – anon Oct 18 '16 at 07:31
There's no difference between `location.reload` and `window.location.reload`. – Barmar Oct 18 '16 at 07:53

score 0 · Answer 3 · edited Oct 18 '16 at 08:50

0

Try this:

location.reload(true);

edited Oct 18 '16 at 08:50

Rory McCrossan

331,213
40
305
339

answered Oct 18 '16 at 07:19

438sunil

188
1
2
13

try this window.location.href=window.location.href; – 438sunil Oct 18 '16 at 07:27
It doesn't seem to reload the page – anon Oct 18 '16 at 07:31
8

Generally "try this" answers aren't helpful at all. Try to explain why this would improve OPs code or be the solution to why he had his problem in the first place. – Rimble Oct 18 '16 at 07:32

Rishabh · Accepted Answer · 2016-10-18T07:40:40.110

0

The next statement wont execute unless you click Ok on alert(). So use console.log(data) instead.

success : function(data) {
                console.log(data);
                window.location.href=window.location.href;
            }

edited Oct 18 '16 at 07:40

answered Oct 18 '16 at 07:32

Rishabh

1,205
1
11
20

can you put your data output in console.log(data) instead of alert(); – Rishabh Oct 18 '16 at 07:39
it says successful but not refreshing either – anon Oct 18 '16 at 08:45
Yes it should. The issue was with alert() box. – Rishabh Oct 18 '16 at 08:49

Jamil Ahmed · Answer 5 · 2020-02-13T06:15:44.423

0

In your ajax success callback do this:

success: function(response){
                setTimeout(function(){
                   location.reload()
                }, 5000);
    }

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

edited Feb 13 '20 at 06:15

answered Feb 13 '20 at 05:19

Jamil Ahmed

284
3
17

3

In your ajax success callback do this: success: function(response){ setTimeout(function(){ location.reload() }, 5000); } As you want to reload the page after 5 seconds, then you need to have a timeout as suggested in the answer. – Jamil Ahmed Feb 13 '20 at 06:05
Edit it into the post please – U13-Forward Feb 13 '20 at 06:08

Jquery refresh the page after success

update.php

5 Answers5