jquery - JavaScript dynamic loading -
i have senerio, need render html page using dynamic javascript.
i using loadscript function load external javascript , passing callback funtion. in html page , loading script header. header section working after script loaded , head section can see new script.
however , when trying use variables script undefined.
function loadscript(url,callback){ var script = document.createelement("script"); script.type = "text/javascript"; script.id="acvdatarequest"; document.getelementsbytagname("head")[0].appendchild(script); if (script.readystate){ //ie script.onreadystatechange = function(){ if (script.readystate == "loaded" || script.readystate == "complete"){ script.onreadystatechange = null; callback(); } }; } else { //others script.onload = function(){ alert(dataheader) // can see object loaded script callback(); }; } script.src = url; alert(dataheader); // says undefined }
calling script using :
var actionname ="jsondata/json.js"; loadscript(actionname,mergetemplatejsonscript);
please advice , why can't see variables if script there. inside script.onload , able see variable not outside
the line script.src = url;
triggers loading of script file. if call alert after external script has not been loaded yet. can access variables json once onreadystatechange
or onload
functions have been called.
what should using this:
var actionname ="jsondata/json.js"; loadscript(actionname,function(){ alert(dataheader); });
Comments
Post a Comment