javascript - how to force page refresh on browser back click?

Question

Is there a cross-browser compatible way of forcing page refresh when clicking the navigator back button?

i am trying to access to actualised cookies :

i have a js setcookie function that record changes in a type selector

$( "#type-select" ).change(function() {             
    var type = $("#type-select").val();
    SetCookie("liste-voyage-type",type);
    });

i'd like to retrieve that value when returning on this page, clicking the browser back button, using php

 if (isset($_COOKIE["liste-voyage-type"]))
        $type=$_COOKIE["liste-voyage-type"];

Answer 1

I had a similar requirement in my project. You can do something like this:

For example, lets say there are two pages: page1 and page2

In Page1 do something like this:

<script>
     if (sessionStorage.getItem("Page2Visited")) {
          sessionStorage.removeItem("Page2Visited");
          window.location.reload(true); // force refresh page1
     }
</script>

And in page2:

<script>
     sessionStorage.setItem("Page2Visited", "True");
</script>

Now, it will force a page refresh on page1, whenever you click back button from page2.