Calling Dynamically Loading JS method Using Callbacks is Not Working

Question

This code leads to :Uncaught error : check is not defined.Can some one help regarding this code snippet. Please find below code

The check() is define in external .js file

Method in script tag ...
    <script>

    loadScriptfinal("/js/VendorPaymentInfo/"+coreId+".js", function() {
                             check();
                            });


    function loadJS(file,callback) {
        var jsElm = document.createElement("script");
        jsElm.type = "application/javascript";
        jsElm.src = file;

        jsElm.onload = function() {
            callback(); 
        }

        // finally insert the element to the body element in order to load the script
        document.body.appendChild(jsElm);
    }

    </script>

You're calling loadJS like here https://stackoverflow.com/questions/5235321/how-do-i-load-a-javascript-file-dynamically right ? — Umair Mohammad, Jun 07 '18 at 04:17
My concern here is not about loading js, it's getting loaded, but this whole process happen in onload where check method executed before loading js. I wanted to restrict that using callback but seems callback not working — Deepak Dhaka, Jun 07 '18 at 04:26

score 0 · Answer 1 · answered Jun 07 '18 at 04:35

0

You can watch till the external file is loaded and then call loadScriptfinal function.

var  timer = null;
var timer = setInterval(()=>{
if (window.check && window.check.constructor === Function) {
    clearInterval(timer);
    loadScriptfinal("/js/VendorPaymentInfo/"+coreId+".js", function() {
        check();
     });
     }
},100)

answered Jun 07 '18 at 04:35

Sanju Uthaiah Bollera

379
1
2
7

Why we need timer if we are using callback, is there other approach without using timer – Deepak Dhaka Jun 07 '18 at 05:18
timer is needed to check if the other file which has the check() function is loaded or not. Once its loaded it ll clear the timer and call your function. – Sanju Uthaiah Bollera Jun 07 '18 at 08:48
Let me know if something else worked for you. My solution will work for sure. – Sanju Uthaiah Bollera Jun 07 '18 at 08:49

Calling Dynamically Loading JS method Using Callbacks is Not Working

1 Answers1