Force refresh/reload when user navigates Back and forward again

Question

I want to know how i can ensure page reload/refresh when user presses the back button and then presses forward again.? Please help!

Answer 1

You can use cookie to set "back button pressed" flag.

eg. jQuery + jquery cookie plugin

    $(document).ready(function($) {
      if ($.cookie("reload") === *YOUR-PAGE-ID*) {

        $.removeCookie("reload");
        location.reload();

      } else if (window.history && window.history.pushState) {

        window.history.pushState("forward", null, "./#forward");

        $(window).on("popstate", function() {
          $.cookie("reload", *YOUR-PAGE-ID*); // set cookie with some page id
        });

      }
    });

Since popstate is not supported by older browsers you should use history.js

Answer 2

<input type='button' onclick="window.location=window.location.href;">

演示在我的网站http://vitideas.in/stackoverflow/