Questions about jQuery's getScript()

Question

$.getScript("somescript.js", function() {
    alert('Load Complete');
});

Once loaded, is it cached or is it loaded again if referenced more than once?
If an event depends on this file being loaded, will the event be delayed of fail/timeout in case the file takes longer to load or doesn't load?
How do I check and do something in case the file fails to load for some reason?

Thanks in advance for your help.

GlenCrawford · Accepted Answer · 2010-04-26 06:31:14Z

6

1) jQuery requests for scripts via AJAX are never cached unless you specify that as an option in the $.ajax() function. From the documentation:

"cache, Boolean

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

If set to false it will force the pages that you request to not be cached by the browser."

2) I think I need to see sample code to grasp this part of the question.

3) You can't do anything if $.getScript() fails. But, you should be aware that $.getScript() is just a short-hand version of $.ajax(), equivilant to:

$.ajax({
  url: url,
  dataType: 'script',
  success: function(data) {
    //
  }
});

This means that you can implement the error callback, to do something clever if the file fails to load, ie:

$.ajax({
  url: url,
  dataType: 'script',
  success: function(data) {
    //
  },
  error: function(XMLHttpRequest, textStatus, errorThrown) {
    alert("panic");
  }
});

edited Apr 26, 2010 at 6:31

answered Apr 26, 2010 at 6:25

GlenCrawford

3,3893 gold badges28 silver badges34 bronze badges

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

2 Comments

eozzy Over a year ago

Example for #2: $('a[rel*=facebox]').facebox() — so it will first load the file and then load the facebox (lightbox) ?

GlenCrawford Over a year ago

@Nimbuz: 99% sure, yes. Although that could very well be browser-specific.

oriadam · Accepted Answer · 2017-07-05 12:45:24Z

2

In addition to Glen's answer I would like to offer another option:

$.getScript({
    url: "foo.js",
    cache: true // or false, depending on your preference. in most cases you would want it true.
}).done(function(){ 
    // do something when script was loaded and run
}).fail(function(){
    // do something when script failed to load
});

Supported on jQuery 1.12.0+

answered Jul 5, 2017 at 12:45

oriadam

8,7803 gold badges56 silver badges49 bronze badges

Collectives™ on Stack Overflow

Questions about jQuery's getScript()

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related