Clear cache on page refresh using javaScript or jquery

Question

My Webpage http://avocettechnologies.com/avocetiq/ works fine when it loads the first time but when i click refresh button or reload page it won't load fully(The into part the transition of mobile and stuff) specially in Chrome, if i press ctrl + f5 it'll work fine

so i want to clear cache whenever page refresh or reload is done or is there any better solution for this

i tried the following code but it keeps loading the page

    <script>
      window.onload = function() {
      if(!window.location.hash) {
       window.location = window.location + '#loaded';
       window.location.reload();
      }
    }
    </script>

`

My Website is in angularjs

Thank You

please explain a bit more because "page won't load fully" is not enough to answer this question. Try to post some more relevant code. — Yogesh
– Yogesh, Commented Aug 12, 2016 at 8:42
I think you would be better implementing a correct caching mechanism, rather than manually trying to refresh the cache every single time. Set correct caching headers for your different resources. You will want to cache 3rd party JS/CSS for example. Set correct expires headers. And set no-cache on resources you dont want the browsers to cache. Caching can great improve the Users Experience of your site, and reduce the load on your servers etc. Browser cache is no longer the only option either now. — ste2425
– ste2425, Commented Aug 12, 2016 at 9:18
@ste2425, yogesh I have updated the post with website url, in home page the intro trasition will work fine but not after refresh or reload, — Mr Robot
– Mr Robot, Commented Aug 12, 2016 at 10:56

Ashok Kumar · Accepted Answer · 2016-08-12 08:30:24Z

5

By default, the reload() method reloads the page from the cache, but you can force it to reload the page from the server by :

location.reload(true)

edited Aug 12, 2016 at 8:30

answered Aug 12, 2016 at 8:18

Ashok Kumar

15311 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mr Robot Over a year ago

@Ashoke Kumar thanks for your time, i added that in may header tag but when i reload the page still same problem

Ashok Kumar Over a year ago

add this in to your meta field<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

Ashok Kumar Over a year ago

you may please put a version number in the jquery file ie. filename.js?v=1 ,in each time the incremented the version

Collectives™ on Stack Overflow

Clear cache on page refresh using javaScript or jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related