CODEWITHSUNDEEP
javascriptjqueryajaxfileloading
Samik Chattopadhyay
Samik Chattopadhyay

Reputation: 1850

Can I cache contents loaded by jQuery.getScript()

As per jQuery documentation (https://api.jquery.com/jquery.getscript/) use more flexible $.ajax() method, but it doesn't work for me described in here (jQuery cannot load plugin file using ajax before calling the plugin function, thus, gives kind of weird result)

By default, $.getScript() sets the cache setting to false. This appends a timestamped query parameter to the request URL to ensure that the browser downloads the script each time it is requested. You can override this feature by setting the cache property globally using $.ajaxSetup():

$.ajaxSetup({
  cache: true
});

But I need to cache few of the contents not all.

Alternatively, you could define a new method that uses the more flexible $.ajax() method.

It didn't work for me as it doesn't guarantee loading files in a sequence.

Now what is the best solution for this situation?

Upvotes: 1

Views: 1622

Answers (2)

oriadam
oriadam

Reputation: 8539

$.getScript({
    url: "foo.js",
    cache: true
})

Supported on jQuery 1.12.0 or later

Upvotes: 2

Kevin B
Kevin B

Reputation: 95031

use $.ajax with dataType: 'script' and cache: true.

$.ajax({
    cache: true,
    url: 'foo.js',
    dataType: 'script', // optional, can omit if your server returns proper contentType for js files.
    success: function () {
        console.log('Hello World!');
    }
});

This assumes your server is responding with the headers required for the browser to cache the file.

Upvotes: 1

Related Questions