Search jQuery

jQuery Forum

Getting Started

dealtek

Forcing a page refresh - like NO-CACHE

in Getting Started • 6 years ago

Hi all,

So, I have a legacy older site that I have converted to html5 and jquery.

when using links from page1.html to page2.html like:

on some pages like page2.html I NEED to make sure to have NO CACHE happening.

Problem: nothing this newbie does will force a page refresh for Page2.html

I have tried:

But they don't seem to work here...

Q: How can I make sure to always have NO CACHE on a certain page?

Q: Is there a javascript / jQuery way to make sure and work like - NO-CACHE so the entire page will load fresh?

Replies(6)

watusiware

Re: Forcing a page refresh - like NO-CACHE

6 years ago

It looks like you might be using jQuery Mobile. Are you? If so, please post to the JQM area, or if you post to Getting Started, make sure you mention you are using jQuery Mobile. (Same for jQuery UI!)

Metas would do no good, as JQM loads pages using Ajax. Metas would only affect the very first page loaded.

If you are using JQM, you would have to use a bit of JS and pagecontainer widget .change() method. You would set reload: true.

http://api.jquerymobile.com/pagecontainer/#method-change

watusiware

Re: Forcing a page refresh - like NO-CACHE

6 years ago

Oh, I see you use rel='external' ...

Where did you put the metas? They need to go on page2.html.

It is better if your server sets the proper headers. Can you arrange that?

Keep in mind that r el='external' will result in poor performance and a poor user experience.

It is hard to help without a concrete example. Post a link to your site, or make a demo using jsFiddle or Plunkr.

dealtek

Re: Forcing a page refresh - like NO-CACHE

6 years ago

Thanks so much watusiware for taking a look.

A Quick example here

http://nmiapp.com/jstest/zpage1.html

http://nmiapp.com/jstest/zpage2.html

the links just go back and forth

there may be a bit of extra garbage on the page - sorry bout that...

example: I updated page 2 and when I click from page 1 to page 2 - it does NOT reflect the change I made. and browser refresh also does not update...

With old fashioned meta tags and no jQuery - the page would AUTO update to latest version

but this is not updating like I would like....

Q: is there some javascript / jQuery script I can add to make the Page 2 Always update/refresh?

watusiware

Re: Forcing a page refresh - like NO-CACHE

6 years ago

I cannot reproduce. Safari Web Inspector indicates that zpage2.html is NOT cached.

Check your server code! Does it actually send different content?

dealtek

Re: Forcing a page refresh - like NO-CACHE

6 years ago

Thanks for your help –

I also saw that the page says it is not cashed but my static updates are not showing up for some reason

- as an example I added extra static data in the body tag on page2 a while ago and uploaded to the server but even after refreshing the browser Page – it does not show the update ....

watusiware

Re: Forcing a page refresh - like NO-CACHE

6 years ago

I don't think it's an issue with either jQuery or jQuery Mobile.

It is better to use real headers, rather than <meta>.

And realize that although any proxy or caching proxy in between the user and the server SHOULD observe header cache instructions, they MIGHT NOT.

http://condor.depaul.edu/dmumaugh/readings/handouts/SE435/HTTP/node20.html

HTML Meta Tags vs. HTTP Headers

HTML authors can put tags in a document's <HEAD> section that describes its attributes. These Meta tags are often used in the belief that they can mark a document as uncacheable, or expire it at a certain time. Meta tags are easy to use, but they aren't very effective. That's because they 're usually honored by browser caches (which actually read the HTML), not proxy caches (which almost never read the HTML markup in the document). While it may be tempting to slap a Pragma: no-cache meta tag on a home page, it won't necessarily cause it to be kept fresh, if it goes through a shared cache. On the other hand, true HTTP headers give you a lot of control over how both browser caches and proxies handle your objects. They can't be seen in the HTML, and are usually automatically generated by the Web server. However, they can be controlled to some degree, depending on the server it's used.

Top Reply

Response title

Attachments

jQuery Forum

Forcing a page refresh - like NO-CACHE

Replies(6)

Re: Forcing a page refresh - like NO-CACHE

Re: Forcing a page refresh - like NO-CACHE

Re: Forcing a page refresh - like NO-CACHE

Re: Forcing a page refresh - like NO-CACHE

Re: Forcing a page refresh - like NO-CACHE

Re: Forcing a page refresh - like NO-CACHE

HTML Meta Tags vs. HTTP Headers

Statistics

Tags

Actions

Related Posts