How to wait until functions to be loaded inside script src tag using javascript

Question

I am trying to load one of the js file using script src, but functions(methods) inside this src file will always take time to load. (Note: script tag's src= "emscripten_model.js" is generated with help of emscripten ).

I tried to use below function and callback , but callback function gets called even methods inside src are not loaded yet.

 this.loadModel = function(path,onloadCallback) {
    let script = document.createElement('script');
    script.setAttribute('async', '');
    script.setAttribute('type', 'text/javascript');
    script.addEventListener('load', () => {
        console.log("now ready to call callback!!!");
      onloadCallback();

    });
    script.addEventListener('error', () => {
        self.printError('Failed to load ' + path);
    });
    script.src = path;
    let node = document.getElementsByTagName('script')[0];
    node.parentNode.insertBefore(script, node);
    console.log("ccccccccccccc");
};

I tried settimeout or setinterval to avoid the above issue, But Is there any way I can handle without settimeout or setinterval .

Is there anyway I can handle better using callback or addeventlistener, please provide me piece of code to solve this.

Looks like you need a module loader. If only there was a way of asynchronously importing modules natively in modern browsers... — BlueWater86
– BlueWater86, Commented Jan 13, 2020 at 5:00
@BlueWater86 , thanks for guidance. In My case I have a emscrippten js codes enclosed in a function called: function module_calculation{ /*js code is here*/} and exported this as : var Module_CalAlign = module_calculation();. I written in plain jaavscript function , Is there anyway I can handle to wait until this module_calculation() function loads. — Vasant
– Vasant, Commented Jan 17, 2020 at 3:05

Nyuu · Accepted Answer · 2020-01-13 05:51:55Z

1

this is not an answer but i believe this will help you.

if jquery its gong to be $(document).ready(function(){}); if pure javascript refer to link below:

click here

answered Jan 13, 2020 at 5:51

Nyuu

1211 gold badge1 silver badge6 bronze badges

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

2 Comments

Vasant Over a year ago

This not the right one. In My case I have a emscrippten js codes enclosed in a function called: function module_calculation{ /*js code is here*/} and exported this as : var Module_CalAlign = module_calculation();. I written in plain jaavscript function , Is there anyway I can handle to wait until this module_calculation() function loads.

Nyuu Over a year ago

can try this stackoverflow.com/questions/10808109/script-tag-async-defer see if it can help you

Collectives™ on Stack Overflow

How to wait until functions to be loaded inside script src tag using javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest