Stop Caching Window Object on back reload

Question

Let assume page url /xyz. I have window object declared at the top of my JS (because I need that throughout) like

window.myObject={
    someWork:true
}

and I am changing the property value like

if(window.myObject.someWork){
   //Do Work
   window.myObject.someWork=false
}

When I click back button from some other page (abc->xyz) my window.myObject.someWork remains false instead of getting re-initialised again at the top (because I think refresh will run the script again). Can you please suggest what is happening around and how to fix this.

Went through this Does back/forward in the browser change javascript variables?. Any fix for this? I am using Chrome and would like to make it work on all browsers

Fixed: Xufox solution is good and worked.It also cache DOM elements on back button. So make sure its not screwing up the code :)

Thanks in advance

It works fine for me, using Firefox 37. Please add more details or try to reproduce it in a JSFiddle. — Sebastian Simon, May 11 '15 at 06:54
it works fine for me too, http://jsfiddle.net/r8nfvn8u/5/. Btw you can directly do myObject instead of window.myObject since if you dont declare it is by default taken as window object — wallop, May 11 '15 at 06:56
I don't think that is the case. You probably have a little more of code that you didn't show to us or your second code executes immediately after first — Adassko, May 11 '15 at 06:56
Ok. Working fine on refresh but giving problem on back button. Update the question. Creating fiddle so please give me some itme — Ankur Aggarwal, May 11 '15 at 07:01
The back button usually fetches a cached state of the site… — Sebastian Simon, May 11 '15 at 07:01

score 2 · Accepted Answer · edited May 23 '17 at 11:58

2

When you hit the browser’s back button some browsers just get a cached state of the page. This saves some resources as the state of the document usually doesn’t need to change much when going back and forth in the browser history.

There’s a simple fix for that: add an event listener with a dummy function that fires when the page unloads (beforeunload or unload):

// either …
window.addEventListener('beforeunload',function(){});

// … or
window.addEventListener('unload',function(){});

Any appearance of an unload listener seems to clear all the stored variables and states, etc.

Complete code

window.myObject={
  someWork:true
};

if(window.myObject.someWork){
  //Do Work
  window.myObject.someWork=false;
}

window.addEventListener('unload',function(){});

Also read this

edited May 23 '17 at 11:58

Community

1
1

answered May 11 '15 at 07:19

Sebastian Simon

18,263
7
55
75

Seems a good play around but unfortunately this is still not working. I am using chrome – Ankur Aggarwal May 11 '15 at 07:33
I’ve found a much simpler solution, wait a minute. – Sebastian Simon May 11 '15 at 07:35
Okay, so I’m in Firefox 37 and it works perfectly fine… maybe someone else can help with that? – Sebastian Simon May 11 '15 at 07:44
Cool. +1 for the answer but still waiting for an accepted one and browser free solution. I am also searching extensively about this. Will let you know – Ankur Aggarwal May 11 '15 at 07:47
Okay, I’ve actually started up another laptop that has Chrome and tested this in Chrome 36 and it’s working flawlessly. – Sebastian Simon May 11 '15 at 07:53
Using latest version 42. Can you update and check the same if possible – Ankur Aggarwal May 11 '15 at 07:57
Doing so, currently… takes a while to upgrade… – Sebastian Simon May 11 '15 at 07:59
Your solution is Working in FF but not in chrome. – Ankur Aggarwal May 11 '15 at 08:06
Works in Chrome 42 as well… – Sebastian Simon May 11 '15 at 08:08
Now this is weird :/ Let me research on it – Ankur Aggarwal May 11 '15 at 08:09
1

Yeah Got Working. Along with variable it was caching my hidden elements also so was getting different value which was not letting me processed further. Thanks for your help mate :) – Ankur Aggarwal May 11 '15 at 08:28

Stop Caching Window Object on back reload

1 Answers1

Complete code

Also read this

Linked