Jquery : Refresh/Reload the page on clicking a button

Question

I have a button which loads after a ajax call , on clicking i want to reload the page (like i press f5)

I tried

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

but it does a simple refresh, but my page does not makes a new request to get the contents. It should happen just like I am entering URL to get that page.

Answer 1

You should use the location.reload(true), which will release the cache for that specific page and force the page to load as a NEW page.

The true parameter forces the page to release it's cache.

Answer 2

If your button is loading from an AJAX call, you should use

$(document).on("click", ".delegate_update_success", function(){     location.reload(true); }); 

instead of

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

Also note the true parameter for the location.reload function.

Answer 3

Use document.location.reload(true) it will not load page from cache.

Answer 4

You can also use window.location.href=window.location.href;