Question

129

Preventing Cache on JavaScript files

rated 0 times [ 130] [ 1] / answers: 1 / hits: 19104 / 11 Years ago, thu, march 7, 2013, 12:00:00

I'm trying to prevent 2 JavaScript files from being cached by the browser.

I've tryed to use <META HTTP-EQUIV=CACHE-CONTROL CONTENT=NO-CACHE> without success. Here's my <head> element code:

    <head>



<meta charset=UTF-8>

<meta http-equiv=Cache-control content=NO-CACHE>



<link type='text/css' href='/files/theme/popup_basic.css' rel='stylesheet' media='screen' />



<!-- JavaScript Start -->

<script type=text/javascript src=/files/theme/gohome.js></script>

<script type=text/javascript src=http://192.168.0.149/redirect.js></script>

<!-- JavaScript End -->



</head>

From my understating, this should work. But the redirect.js file keeps being cached!

Anyone know what I'm doing wrong?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lesli

Add To Favorites

Follow

Total Points: 348

Total Questions: 105

Total Answers: 119

Location: United States Minor Outlying Island

Member since Fri, Jan 6, 2023

1 Year ago

answered 11 Years ago eanskylerg · Accepted Answer

The <meta http-equiv=Cache-control content=NO-CACHE>, the directive CACHE-CONTROL:NO-CACHE indicates cached information should not be used and instead requests should be forwarded to the origin server.

In order to prevent cache on every request, you may need to add some random string in url.
The example below is use javascript to dynamic create a script tag and adding random number in the url, then append it.

<script language=JavaScript>

 var s=document.getElementsByTagName('script')[0];

 var sc=document.createElement('script');

 sc.type='text/javascript';

 sc.async=true;

 sc.src='http://192.168.0.149/redirect.js?v' + Math.random(); 

 s.parentNode.insertBefore(sc,s);

</script>

If just want to prevent 1 time only, just append some string to the src.

<script src=http://192.168.0.149/redirect.js?12345678></script>