I want to load an external javascript file into the page and make sure its not cached. I do not have access to php so I cant generate a random string after the filename.
In PHP the script would look like this:
<script src="http://site.com/cool.js?<?php echo $randomnumber; ?>"></script>
Is there a way to do something like that using only javascript?
Use jQuery's getScript instead of a script tag.
$.getScript("http://example.com/cool.js");
or pure JavaScript
var scr = document.createElement("script");
scr.src = "http://example.com/cool.js" + "?ts=" + new Date().getTime();
document.getElementsByTagName("head")[0].appendChild(scr);
Just append a random string to the src of the script like you do with PHP. For this you need to inject the <script> tag with JS.
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'path/to/file?' + new Date().getMilliseconds();
document.getElementsByTagName('head')[0].appendChild(s);
getTime() that could only repeat over a very short time frame. getMilliseconds() is effectively just a very low-entropy random number when used this way.parseInt(Math.random().toString().substr(-5))Sure, just insert a script tag into the DOM, with JS generating the value, e.g.
var d = new Date.getTime();
$('head').append('<scri' + 'pt src="http://....?cachebuster=' + d + '"></scr' + 'ipt>');
You can try <meta http-equiv="Cache-Control" content="no-store" />. There is another ticket talking about this: stackoverflow
