I am writing some JavaScript files that will not be used with HTML documents. For example, writing a calculator in one JavaScript file, where I'll have different .js files say one for addition, subtraction, multiplication, division, etc..
I'd like to have each math operation in a self contained .js file then have another .js file that will #include the other smaller files and can call the functions from them?
Is that possible?
Using javascript:
var script = document.createElement('script');
script.src = '/js/script';
document.head.appendChild(script);
Using jQuery:
//you need to change your path
$.getScript('/js/script.js', function()
{
// script is imported
});
Here is a synchronous version:
function myRequire( url ) {
var ajax = new XMLHttpRequest();
ajax.open( 'GET', url, false ); // <-- the 'false' makes it synchronous
ajax.onreadystatechange = function () {
var script = ajax.response || ajax.responseText;
if (ajax.readyState === 4) {
switch( ajax.status) {
case 200:
eval.apply( window, [script] );
console.log("script loaded: ", url);
break;
default:
console.log("ERROR: script not loaded: ", url);
}
}
};
ajax.send(null);
}
Note that to get this working cross-domain, the server will need to set allow-origin header in its response.
require('otherfile.js');