Reload the site when reached via browsers back button

by

You should use a hidden input as a refresh indicator, with a value of “no”:

<input type="hidden" id="refresh" value="no">

Now using jQuery, you can check its value:

$(document).ready(function(e) {
    var $input = $('#refresh');

    $input.val() == 'yes' ? location.reload(true) : $input.val('yes');
});

When you click on the back button, the values in hidden fields retain the same value as when you originally left the page.

So the first time you load the page, the input’s value would be “no”. When you return to the page, it’ll be “yes” and your JavaScript code will trigger a refresh.

More Related Contents:

  1. How can I override the OnBeforeUnload dialog and replace it with my own?
  2. How to show the “Are you sure you want to navigate away from this page?” when changes committed?
  3. Prevent a webpage from navigating away using JavaScript
  4. Crossbrowser onbeforeunload?
  5. How to prevent closing browser window?
  6. window.onbeforeunload not working on the iPad?
  7. Way to know if user clicked Cancel on a Javascript onbeforeunload Dialog?
  8. Setting onbeforeunload on body element in Chrome and IE using jQuery
  9. Is there any way to use window.onbeforeunload on Mobile Safari for iOS devices?
  10. How to disable beforeunload action when user is submitting a form?
  11. Mozilla firefox not working with window.onbeforeunload
  12. Difference between onbeforeunload and onunload
  13. How to disable a “Reload site? Changes you made may not be saved” popup for (python) selenium tests in chrome?
  14. window.onbeforeunload in Chrome: what is the most recent fix?
  15. JavaScript + onbeforeunload
  16. Browser waits for ajax call to complete even after abort has been called (jQuery)
  17. Javascript detect closing popup loaded with another domain
  18. How to display onbeforeunload dialog when appropriate?
  19. Is there an alternative method to use onbeforeunload in mobile safari?
  20. How does this recursion work?
  21. React onClick function fires on render
  22. React Js conditionally applying class attributes
  23. How to break nested loops in JavaScript? [duplicate]
  24. AngularJS – how to get an ngRepeat filtered result reference
  25. Does .sort function change original array?
  26. Firestore: Multiple ‘array-contains’
  27. jQuery: Slide left and slide right
  28. Limiting the number of characters in a ContentEditable div
  29. How to hide a div with jQuery?
  30. What is the role of src and dist folders?

Leave a Comment