Sending variable to $.getScript

Question

Is it possible to send a variable to the script loaded using $.getScript?

At the moment I have:

$.getScript( "js/my_script.js", function() {
// do something here after script has loaded
});

But I want to send a variable to the loaded script. Is this possible, if yes, how?

For example

// this is a variable set outside of the script loaded via `$.getScript`
var my_variable = 1

// how do I get that variable sent to `my_script.js`
$.getScript( "my_script.js", function() {
// do something here after script has loaded
});

If $.getScript doesn't support parameters/variables, you could try using $_GET variable like: $.getScript( "js/my_script.js?my_variable=1",... Don't know if it works but it's worth a try. — ZZ-bb
– ZZ-bb, Commented Nov 15, 2012 at 11:08

Community · Accepted Answer · 2017-05-23 12:16:56Z

10

jQuery.getScript():

The script is executed in the global context, so it can refer to other variables and use jQuery functions.

From the documentation, it seems that your variable should be accessible within a $.getScript(function(){..}) call. Therefore, this is likely a problem with scope. Your variable my_variable exists (presumably) inside $(document).ready(function(){...}), and is therefore restricted to that particular scope.

Try using a global variable by assigning your data to the window object:

// Set it as a global variable by assigning it to the window object
window.my_variable = 'some value';

// Now use it inside of $.getScript()
$.getScript( "my_script.js", function() {
  // Access it by name
  alert(my_variable);
  // or as a property of window
  alert(window.my_variable);
  // both ways to access my_variable work and are valid.
}

Sources: old question here and $.getScript docs here.
Verified on my personal server.

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Nov 16, 2012 at 7:40

rosshamish

1,16012 silver badges15 bronze badges

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

2 Comments

oshirowanen Over a year ago

Just tried it an it worked nicely. The problem was exactly what you said, i.e. the variable was in the $(document).ready(function(){...}). Moved it outside and it started working! Thanks.

styks Over a year ago

Thank you, I did not realize the ready function has a different scope than the window, but hearing someone say it, it just makes sense.

Николай Новиков · Accepted Answer · 2018-01-18 20:33:18Z

3

You can put your included file into function, then run

    $.getScript(url, function() {
       functionName(params);
    });

answered Jan 18, 2018 at 20:33

Николай Новиков

414 bronze badges

Comments

TwinFeats · Accepted Answer · 2015-10-10 14:09:11Z

0

Be careful here - javascript is all about thinking 4th-dimensionally (Marty!). $.getScript is asynchronous, so the call will return right away before the script is loaded, potentially. If you have multiple scripts to load and needed to pass something to each of them, you'd have to use different variables because of this.

answered Oct 10, 2015 at 14:09

TwinFeats

4521 gold badge6 silver badges11 bronze badges

Collectives™ on Stack Overflow

Sending variable to $.getScript

3 Answers 3

jQuery.getScript():

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

jQuery.getScript():

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related