Javascript loaded check through jquery getscript

Question

I want to load a Javascript file on the click event instead of loading at the page load event, for performance reasons. Is there anyway to know that particular if javascript is already loaded?

Right now I am maintaining a global variable to check the 'loaded' event

var javascriptLoaded=false

if (!javascriptLoaded)
        $.getScript('/scripts/test.js', function() {
            javascriptLoaded = true;
            setTimeout(function() {
            callSomeFunctionhere(); 
            }, 1000);                     
        });

Is there any better way of doing this?

@Diodeus That question answers only the jquery as jquery has $ or Jquery object — kobe
– kobe, Commented Feb 3, 2012 at 22:32

gaffleck · Accepted Answer · 2012-02-03 22:33:51Z

1

Yes. What you want to do is use the success callback. A call back method which will only be called once the ajax request to load the script has successfully finished. For example this is equivalent:

$.ajax({
url: "/myscript.js",
dataType: "script",
success: function(){
  scriptLoaded = true;
  //do some more stuff now that the script is loaded
 }
failure: function(){
  scriptLoaded = false; 
 }

});

answered Feb 3, 2012 at 22:33

community wiki

gaffleck

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

2 Comments

kobe Over a year ago

thanks though , i am already doing this if you look at my code

gaffleck Over a year ago

Ah, I see. Try using require.js requirejs.org or if you also want to add conditional loading you could use yepnope.js yepnopejs.com

Nic St. Pegg · Accepted Answer · 2012-02-03 23:53:57Z

1

A simple way to check if a script has been loaded is to see if that script is callable:

if($.fn.foo == undefined) {
    $.getScript("/path/to/script/foo.js", function() {
        // success 
    });
}

answered Feb 3, 2012 at 23:53

Nic St. Pegg

5033 silver badges9 bronze badges

Collectives™ on Stack Overflow

Javascript loaded check through jquery 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