How to make location.reload() work on button click?

Question

I have a button which, when pressed, should reload the page. I use location.reload() to perform the action (following the answers on how to reload a page with JS).

The code I used (available on codepen.io)

HTML

<button class="reload">update</button>
<div class="radio"></div>

JS

$('.reload').click(function() {
  alert('clicked');
  location.reload(true);
});

window.onload = function() {
  $('.radio').text($.now());
};

The pages initially loads with the current Epoch counter but clicking the button does not update it.

I also tried to use $(document).ready() in case window.onload would not be triggered by location.reload() - same result.

How can I force a page reload in this scenario?

This will work : $('.reload').click(function() { location.href=location.href; }); — Ketha Kavya, Dec 17 '15 at 12:33
Your posted code works as expected. Now i'm really not sure what are you expecting?! Is click event fired or not? — A. Wolff, Dec 17 '15 at 12:36
yes. your Posted code is working. value changed whenever i clicked on Button. — Anshuk, Dec 17 '15 at 12:40
@A.Wolff: It probably works as expected. What *I* expected is to have the timestamp updated when clicking the button (it is not). — WoJ, Dec 17 '15 at 12:47
@WoJ It works there: http://jsfiddle.net/enf98tdf/ In your codepen, it doesn't work because the onload event is never fired. — A. Wolff, Dec 17 '15 at 12:48
@A.Wolff: indeed it does. This is interesting because it does not in codepen.io, neither in NetBeans. I will try the other solutions across JSFiddle and Netbeans. — WoJ, Dec 17 '15 at 12:51

score 1 · Answer 1 · answered Dec 17 '15 at 12:31

1

I don't think you need to use jQuery to do this.

Try this:

<button class="reload" onclick="location.reload()">update</button>
<div class="radio"></div>

answered Dec 17 '15 at 12:31

Ferrmolina

2,737
2
30
46

1

True, but I load jQuery anyway (for other parts of the code) and wanted to understand what I did wrong – WoJ Dec 21 '15 at 14:39

score 1 · Accepted Answer · answered Dec 17 '15 at 12:32

Try history.go(0);

$('.reload').click(function() {
  //window.location.reload(true);
  history.go(0);
});

window.onload = function() {
  $('.radio').text($.now());
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="reload">update</button>
<div class="radio"></div>

score 0 · Answer 3 · edited Aug 18 '17 at 20:16

0

Try this. This may work fine:

$('.reload').click(function() {
    location.href=location.href;
});

edited Aug 18 '17 at 20:16

Nathan Arthur

8,287
7
55
80

answered Dec 17 '15 at 12:32

Ketha Kavya

558
6
18

score -1 · Answer 4 · answered Dec 17 '15 at 12:36

-1

What's the issue?

$(document).ready(function() {
  $('.reload').on('click', function() {
    window.location.reload();
  })
});

https://jsfiddle.net/gzo8kr0u/

answered Dec 17 '15 at 12:36

Sild

3,077
3
15
21

score -1 · Answer 5 · edited Aug 18 '17 at 20:17

-1

Try this:

$( ".reload" ).click(function(ev) {  
    ev.preventDefault();  
    location.reload(); 
});

edited Aug 18 '17 at 20:17

Nathan Arthur

8,287
7
55
80

answered Dec 17 '15 at 12:45

Komal

2,716
3
24
32

How to make location.reload() work on button click?

5 Answers5