firefox adding querystring parameter to external javascript file

Question

On page load, I'm loading an html page through jquery ajax. This html page contains is a "view" and is rendered in the "main contents" div of the site layout. sample view html that is loaded:

<div>hello world</div>
<script src="/javascript.js" type="text/javascript"></script>

The problem is that Firefox loads the javascript.js by adding a unique querystring parameter to it...preventing it from being cached.

Firebug shows: GET http://nodejs/javascript.js?=_1324005635768

This only happens for the javascript loaded dynamically in the view. The javascripts in the site layout load and cache just fine. Firebug shows that jquery ajax returns the normal view without the querystring parameter therefore it's firefox that's adding it.

How do I fix this?

you sure you're setting the cached option correctly for the ajax call? — zzzzBov
– zzzzBov, Commented Dec 16, 2011 at 3:28
$('.main_content').load('/templates/' + template_name + '.html', function() { if (pushState) window.history.pushState('', '', url); if (f != null) { f(); } }); That's what I'm doing, the data returned shows the javascript without the querystring parameter..therefore it's firefox that's adding it. — firebird
– firebird, Commented Dec 16, 2011 at 3:35
Actually, I just did a alert(main_content.html()) after the load finished....the script is missing...jquery seems to be stripping it out and loading it through getscript call. — firebird
– firebird, Commented Dec 16, 2011 at 3:37

Tim Wickstrom · Accepted Answer · 2011-12-16 03:37:48Z

3

Its not firefox, its jquery and the ajax call. Either use POST and not get or

From jQuery (link)

cacheBoolean Default: true, false for dataType 'script' and 'jsonp'

If set to false, it will force requested pages not to be cached by the browser. Setting cache to false also appends a query string parameter, "_=[TIMESTAMP]", to the URL.

My advice go POST and your problems go away.

answered Dec 16, 2011 at 3:37

Tim Wickstrom

5,7114 gold badges27 silver badges33 bronze badges

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

Comments

Jkarayusuf · Accepted Answer · 2011-12-16 03:40:43Z

1

Make sure you are setting the cache option to true.

jQuery.ajax({
  url: "test.html",
  cache: true
})

jQuery defaults the caching to true unless the data type is 'script' or 'jsonp'. http://api.jquery.com/jQuery.ajax/ It seems in your case the datatype is 'script' which is why it is not caching the result.

answered Dec 16, 2011 at 3:40

Jkarayusuf

3711 silver badge6 bronze badges

Comments

Nikhil · Accepted Answer · 2012-10-27 05:57:51Z

1

jQuery by default will append that unique query for scripts, and since the request happens internally, you can't disable it directly.

This should remove the '_' query string from these requests.

$.ajaxSetup({
    beforeSend: function(jqXHR, settings) {
        if (settings.dataType === 'script') {
            settings.url = settings.url.replace(/\??&?_=[0-9]+/, '');
        }
    }
})

edited Oct 27, 2012 at 5:57

Nikhil

16.2k20 gold badges66 silver badges81 bronze badges

answered Feb 21, 2012 at 5:11

user1015989

3162 silver badges7 bronze badges

Comments

Amin Eshaq · Accepted Answer · 2011-12-16 03:37:19Z

0

Load is a short hand for .ajax(). use this instead and set cache to false

$.ajax({
  url: '/templates/' + template_name ,
  success: function(data) {
    $('.main_content').html(data)
  },
  cache: false
});

answered Dec 16, 2011 at 3:37

Amin Eshaq

4,0241 gold badge19 silver badges21 bronze badges

2 Comments

Amin Eshaq Over a year ago

That query string added at the end is what is added to make sure it is being cached. if you don't want to query string added, then cache should be set to false.

firebird Over a year ago

I tried it, it does not work. The html page itself is cached (304)...but the <script> within the html page is stripped out by jquery and executed using getscript which is a 200 everytime (not cached)

Collectives™ on Stack Overflow

firefox adding querystring parameter to external javascript file

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related