Is there any trick to make JS loaded with Ajax work?

[al9]

Hello,

I'm using Ajax a lot on my website and I'd like to load JS/HTML with Ajax, not only HTML. The problem is when I load JS with Ajax, it doesn't work.

I wonder, is there any way to make it work?

[Shpook]

Generally, any JavaScript that's not a function should be executed when it's downloaded. There are many methods to use JS that's loaded asynchronously, it depends on if it needs to run immediately, access the DOM, or be added to an existing object. A good explanation with examples is http://ajaxpatterns.org/On-Demand_Javascript. Read that, and hopefully it will help.

[jaylaw81]

using mootools framework you can load external assets as needed

new Asset.javascript('/scripts/myScript.js', {id: 'myScript'});

[felgall]

You don't need Ajax to download and run JavaScript. Simply calling the appropriate DOM commands to add a script tag to the page will download and run the file referenced by the src attribute.

[M-M-J]

You don't need Ajax to download and run JavaScript. Simply calling the appropriate DOM commands to add a script tag to the page will download and run the file referenced by the src attribute.

How can you make sure that when you use code from that js file it is loaded? Besides using the ie-only onreadystatechange?

[felgall]

See http://javascript.about.com/library/bladdjs.htm where you will find a JavaScript function that will download and run another JavaScript file whenever it is run without using any Ajax calls at all. The file will load and then run anything within the file that is not inside of a function.

[M-M-J]

addJavascript('myjs.js'); //has a variable valled myVar
alert(myVar); //gives my an undefined error because myjs.js isn't loaded
setTimeout(function(){alert(myVar);}, 500); // works because myjs.js loaded

See what I mean now? Note that I didn't test the above code.