Asynchronous javascript - how to pass parameters?

Question

Here's a snippet for asynchronous javascript:

var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = 'myfile.js';
bsa.test_var = 'HI!';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);

I added the line bsa.test_var = 'HI!'; - I've tried to pass parameters into the myfile.js and there print out the 'test_var', but it doesn't work.

In the myfile.js, I've tried to call alert(bsa.test_var) or just alert(test_var), but neither one version didn't work.

Is there any way to pass parameters? I would like to pass parameters into the myfile.js and there according to the parameter load data the appropriate data from database.

Thank you

Your example works for me. What does alert(bsa.test_var) display? — Wolfgang Kuehn
– Wolfgang Kuehn, Commented Feb 24, 2013 at 12:45

Alnitak · Accepted Answer · 2013-02-24 12:03:37Z

2

You do not pass parameters to scripts, you pass parameters to functions.

You will need to change your script so that it doesn't actually do anything until the functions therein are invoked, and pass the parameters at that point.

Your problem then becomes just one of figuring out when the script has completed loading, which can be done by adding a .onload handler to the <script> element object.

answered Feb 24, 2013 at 12:03

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

4 Comments

Nick Pickering Over a year ago

You can pass parameters to scripts - that may not be what he's intending to do but it can be done. papermashup.com/read-url-get-variables-withjavascript

user984621 Over a year ago

@AInitak, could you give me an example/link on how to do that?

Alnitak Over a year ago

@NicholasPickering yes, he might be intending to pass CGI-style parameters to a remote server that then alters the JS source based on those values. That's almost never the right thing to do, though.

Alnitak Over a year ago

@user984621 you need to move up a level and describe what the goal is, not what the problem is with your apparently incorrect approach to that goal. Google for "XY problem"

Daniel Uzunu · Accepted Answer · 2013-02-24 12:25:30Z

0

Unfortunately you can't pass parameters to scripts.

You can use RequireJS to load your scripts. You will be notified when your script is loaded, at which time you can perform initialization using the needed custom parameters. It is not required to use AMD modules, but your code will be better structured if you do.

require('myfile.js', function (MyModule) {
    var myModule = new MyModule(customParameter);
});

answered Feb 24, 2013 at 12:25

Daniel Uzunu

3,2861 gold badge15 silver badges9 bronze badges

Collectives™ on Stack Overflow

Asynchronous javascript - how to pass parameters?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related