How to reload a page after the OK click on the Alert Page

Question

I need to reload the page after the OK button is clicked on the Alert box. I am using the following code for it

alert("Successful Message");
window.location.reload();

But the window is reloaded immediately after displaying the alertbox. Please Help me in it

Perhaps help you this http://stackoverflow.com/questions/7146028/detect-when-an-alert-box-is-oked-and-or-closed — JGrinon, Jun 06 '13 at 06:41
Are you reloading this window after form submission response comes back? — itzmukeshy7, Mar 18 '16 at 12:53
What you have should work. `alert` is blocking. I bet your browser is blocking the pop-up and so it immediately proceeds to the next line. The recommended answers of using an if for alert are not necessary. — craigmichaelmartin, Jul 14 '21 at 17:20

score 67 · Answer 1 · answered Oct 29 '13 at 17:16

67

Confirm gives you chance to click on cancel, and reload will not be done!

Instead, you can use something like this:

if(alert('Alert For your User!')){}
else    window.location.reload();

This will display alert to your user, and when he clicks OK, it will return false and reload will be done! :) Also, the shorter version:

if(!alert('Alert For your User!')){window.location.reload();}

I hope that this helped!? :)

answered Oct 29 '13 at 17:16

Bojan Milic

671
5
3

5

FYI. "if(!alert('Alert For your User!')){window.location.reload();}" this works, this should be marked as answer. – finnTheHumin Nov 11 '13 at 12:24

score 13 · Answer 2 · answered Jun 06 '13 at 06:33

13

Use javascript confirm() method instead of alert. It returns true if the user clicked ok button and returns false when user clicked on cancel button. Sample code will look like this :

if(confirm('Successful Message')){
    window.location.reload();  
}

answered Jun 06 '13 at 06:33

codeVerine

742
3
14

1

I don't want a cancel button.. The page needed to be refreshed Just after clicking ok... Confirm will give the Cancel button too – Nabeel Arshad Jun 06 '13 at 13:01

score 8 · Answer 3 · edited Jan 23 '23 at 23:51

8

Use a confirm box instead.

var r = confirm("Successful Message!");
if (r == true){
    window.location.reload();
}

edited Jan 23 '23 at 23:51

ecraig12345

2,328
1
19
26

answered Jun 06 '13 at 06:41

Deepak

81
1

score 6 · Answer 4 · answered Nov 26 '15 at 13:35

6

alert('Alert For your User!') ? "" : location.reload();

You can write above code in this format also.It seems quite decent

answered Nov 26 '15 at 13:35

Sobin Sunny

1,121
10
14

Why use added this here `? "" :`? – itzmukeshy7 Mar 18 '16 at 12:56
@itzmukeshy7 Ternery operator. Same usage as if else in just one like. ES6 implementation . – yashas123 Oct 01 '18 at 13:33
@yashas123 But if we are using the *ternary operator* with `alert()` then it will always trigger the else part as the `alert()` always returns `false`, Isn't it? – itzmukeshy7 Oct 01 '18 at 14:38
@itzmukeshy7 Best to use ```window.onbeforeunload = function() { whatever you want to do }``` – yashas123 Oct 02 '18 at 05:29

score 2 · Answer 5 · answered Oct 16 '15 at 14:27

2

Bojan Milic answer work in a way but it error out with a message below,

This can be avoid with,

function message() 
{
alert("Successful message");
window.location = 'url_Of_Redirected_Page' // i.e. window.location='default.aspx'
}

answered Oct 16 '15 at 14:27

Denn

453
1
5
11

This will solve the problem: window.location.href = window.location.href; – bets Jun 05 '19 at 12:53

score 0 · Answer 6 · answered Jun 06 '13 at 06:41

As the alert method in JavaScript does not return a Boolean or yield the current thread, you must use a different method.

My number one recommendation requires a little CSS experience. You should instead create a div element that is fixed positionally.

Otherwise you could use the confirm() method.

confirm("Successful Message");
window.location.reload();

However, this will add a cancel button. Because the confirm method is not within an if statement though, the cancel button will still refresh the page like you want it.

score 0 · Answer 7 · answered Nov 08 '13 at 15:57

Interesting that Firefox will stop further processing of JavaScript after the relocate function. Chrome and IE will continue to display any other alerts and then reload the page. Try it:

<script type="text/javascript">
    alert('foo');
    window.location.reload(true);
    alert('bar');
    window.location.reload(true);
    alert('foobar');
    window.location.reload(true);
</script>

score 0 · Answer 8 · edited Jun 07 '16 at 19:05

0

Try this:

alert("Successful Message");
location.reload();

edited Jun 07 '16 at 19:05

The Codesee

3,714
5
38
78

answered Jul 05 '15 at 01:22

Razen Kellesly

9
4

score 0 · Answer 9 · edited Mar 12 '16 at 15:46

0

I may be wrong here but I had the same problem, after spending more time than I'm proud of I realised I had set chrome to block all pop ups and hence kept reloading without showing me the alert box. So close your window and open the page again.

If that doesn't work then you problem might be something deeper because all the solutions already given should work.

edited Mar 12 '16 at 15:46

James Fenwick

2,190
1
20
30

answered Mar 12 '16 at 15:19

glenn ferns

117
6

score 0 · Answer 10 · answered Mar 18 '16 at 12:39

0

Try this code..

IN PHP Code

echo "<script type='text/javascript'>".
      "alert('Success to add the task to a project.');
       location.reload;".
     "</script>";

IN Javascript

function refresh()
{
    alert("click ok to refresh  page");
    location.reload();
}

answered Mar 18 '16 at 12:39

SirajShaikh

21
4

1

location.reload is a method not property see your php code. – itzmukeshy7 Mar 18 '16 at 12:55
Okay , But this code is working fine for me in my project. and this way you can solve your main question problem.. by the way thank for your time.. – SirajShaikh Mar 21 '16 at 05:37

How to reload a page after the OK click on the Alert Page

10 Answers10

Linked