jQuery - call functions within a file loaded with ajax

Question

Please see example below. How do I call my function from within the loaded file?

Here is my external file, loaded with ajax:

// some-file-name.js
var api = {
    method1: function() {
        // doStuff here
    }
}

Here I am loading the file and hopefully invoking some function from the new methods provided:

// load script and do stuff with it when done
$.when(
   $.getScript("some-file-name.js"), 
   $.Deferred(function(deferred) {
       $(deferred.resolve);
})).done(function() {
    // how to call api.method1() when api.method1() gives me undefined? 

});

Any suggestions much appreciated.

possible duplicate of jQuery: How do you synchronously load a script from another directory via an ajax call? — mplungjan
– mplungjan, Commented Feb 19, 2014 at 16:51
@mplungjan - I can load the scripts OK, but how do I call its methods? — Iladarsda
– Iladarsda, Commented Feb 19, 2014 at 16:53
@mplungjan: Rather a duplicate of jquery .getscript() callback when script is fully loaded and executed @ User789: You should offer a bounty there and close this question. — Bergi
– Bergi, Commented Feb 19, 2014 at 19:52
Yeah I was on the phone - click the word FAQ in my first comment — mplungjan
– mplungjan, Commented Feb 19, 2014 at 22:08

Elise Chant · Accepted Answer · 2014-02-24 20:09:42Z

0

// 1. $.getScript returns a Promise, no need for custom deferred
// 2. access your response. The Promise passes the response to the 
//    success handler parameter

$.when(
   $.get("some-file-name.js"), // 1
).done(
    function(api) {  // 2
      console.log(api.method1);
    }
});

edited Feb 24, 2014 at 20:09

answered Feb 24, 2014 at 10:07

Elise Chant

5,2153 gold badges31 silver badges37 bronze badges

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

6 Comments

Bergi Over a year ago

-1: a) the custom deferred was used to wait for DOM ready, nothing else b) as stated, the callback does not work. The script might not yet have been executed.

Bergi Over a year ago

Oh, I have a very good idea. I even can read the docs: "The callback is fired once the script has been loaded but not necessarily executed" If you know more, please tell us.

Elise Chant Over a year ago

a) wrap the statement in a $(document).ready({ }); b) $.getScript will return the script and execute it immediately, maybe with your requirement you should use $.get instead

Bergi Over a year ago

a) Which statement, the console.log? Yes, that could work as well, but there's nothing wrong with the OP's use of deferred. Btw, if you know that $.ajax returns a promise, $.when is superfluous. b) How would $.get help here? Wouldn't it not execute the script, so that api.method fails for sure?

Bergi Over a year ago

Please notice it's not my question :-) And No, in that snippet the ajax request would only start after DOM ready, which is not the intended behaviour. You could however do $.get("…").done(function(resp) { $(function() { // do whatever we want api.method1(); }); })

|

Collectives™ on Stack Overflow

jQuery - call functions within a file loaded with ajax

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related