How to refresh page on back button click

Question

I use  htaccess to route all of my traffic to a single index php file  The code below to directs traffic  but for some reason it doesn t work with the back button  I don t know what to do to get the back button working  I ve tried a variety of things and googled quite a bit and none of it has worked so I m hoping someone here can help    lt  php    if isset   GET  parameters             if   GET  parameters       repair            include  repair html         else if   GET  parameters       training            include  training html         else if   GET  parameters       products            include  products html         else if   GET  parameters       about            include  about html         else if   GET  parameters       employees            include  employees html         else if   GET  parameters       training            include  training html         else if   GET  parameters       newaccount            include  newaccount html         else if   GET  parameters       contact            include  contact html         else if   GET  parameters       recommended            include  recommended html         else if   GET  parameters       careers            include  careers html         else          include  home html           else       include  home html     gt    So far I ve tried and failed to use  window onbeforeunload body onunload     There has got to be a way to onunload location reload   or something  Somehow has to know the syntax

User · Answer

First of all insert field in your code    lt input id  reloadValue  type  hidden  name  reloadValue  value      gt    then run jQuery    lt script type  text javascript  gt     jQuery document  ready function                     var d   new Date                d   d getTime                if  jQuery   reloadValue   val   length     0                                    jQuery   reloadValue   val d                       jQuery  body   show                              else                                   jQuery   reloadValue   val                          location reload

User · Answer

A more recent solution is using the The PerformanceNavigation interface   if   window performance  amp  amp  window performance navigation type     2        console log  Reloading        window location reload        Where the value 2 means  The page was accessed by navigating into the history    View browser support here  http   caniuse com  search Navigation 20Timing 20API  Reload the site when reached via browsers back button

User · Answer

You can use the following to refresh the page by clicking the back button   window addEventListener  popstate        gt      location reload       false

User · Answer

did you try something like this  not tested       document  ready function            ajaxAnchor   on  click   function  event            event preventDefault             var url     this  attr  href              get url  function data                   section center   html data               var shortened   url substring 0 url length - 5               window location hash   shortened

User · Answer

I found two ways to handle this  Choose the best for your case  Solutions tested on Firefox 53 and Safari 10 1  1  Detect if user is using the back foreward button  then reload whole page  if    window performance  amp  amp  window performance navigation type     2                   value 2 means  The page was accessed by navigating into the history              console log  Reloading                window location reload       reload whole page              2  reload whole page if page is cached  window onpageshow   function  event            if  event persisted                window location reload

User · Answer

Ahem u u  As i ve stated the back button is for every one of us a pain in some place    that said     As long as you load the page normally it makes a lot of trouble    for a standard  site  it will not change that much    however i think you can make something like this  The user access everytime to your page  php that choose what to load  You can try to work a little with cache  to not cache page  and maybe expire date   But the long term solution will be put a code on  onload  event to fetch the data trought Ajax  this way you can  with Javascript  run the code you want  and example refresh the page

User · Answer

The hidden input solution wasn t working for me in Safari  The solution below works  and came from here   window onpageshow   function event    if  event persisted        window location reload

User · Answer

Try this    not tested  I hope it will work for you   Make a new php file  You can use the back and forward buttons and the number timestamp on the page always updates    lt  php header  Cache-Control  no-store  must-revalidate  max-age 0    header  Pragma  no-cache    header  Expires  Sat  26 Jul 1997 05 00 00 GMT    echo time      gt   lt a href  http   google com  gt aaaaaaaaaaaaa lt  a gt    Or  found another solution  The onload event should be fired when the user hits the back button  Elements not created via JavaScript will retain their values  I suggest keeping a backup of the data used in dynamically created element within an INPUT TYPE  hidden  set to display none then onload using the value of the input to rebuild the dynamic elements to the way they were    lt input type  hidden  id  refreshed  value  no  gt   lt script type  text javascript  gt  onload function    var e document getElementById  refreshed    if e value   no  e value  yes   else e value  no  location reload

User · Answer

This simple solution posted here Force page refresh on back button worked         I ve tried to force a page to be downloaded again by browser when user clicks back button  but nothing worked  I appears that modern browsers have separate cache for pages  which stores complete state of a page  including JavaScript generated DOM elements   so when users presses back button  previous page is shown instantly in state the user has left it  If you want to force browser to reload page on back button  add onunload    to your  X HTML body element     lt body onunload    gt      This disables special cache and forces page reload when user presses   back button  Think twice before you use it  Fact of needing such   solution is a hint your site navigation concept is flawed

User · Answer

window onbeforeunload   function     redirect window history back 1

[javascript] How to refresh page on back button click?

Examples related to javascript

Examples related to php

Examples related to jquery

Examples related to ajax

Examples related to .htaccess