如何导航到页面，但要确保目标页面将被刷新

Question

I have a Login.html page from which I'm navigating to my Main.html

now when I;m doing a logout I want to navigate back to the login.html but I also want to ensure this page will be refreshed. I don't want to disable the page cache, I just want only in this specific scenario to navigate it after refresh.

I tried the following:
window.location.replace but it doesn't refresh the page.
window.location.href - also doesn't refresh the page.
window.location.reload() - Refresh only the current page.

@Christof13 suggestion regarding passing a parameter is the only way I can see but it loading the page twice and it's very ugly,

any other suggestions?

Answer 1

How about setting a Timeout on the logout event? This way, the location reloads only once.

$("#myLogOutButtonOrLink").click(function() {
    setTimeout(function(){
        window.location.reload();
        }, 1000);
});

Answer 2

My solution was using a global variable on the window scope as the following:

on main.html:

window.globals.RefreshRequired = true

on Login.html:

if (window.globals && window.globals.RefreshRequired) {
            window.location.reload();
        }

In this way the refresh will be done if I already visited main.html during the current browser instance.