通过 jquery getscript 检查 Javascript 加载情况

Question

出于性能原因，我想在单击事件上加载 Javascript 文件，而不是在页面加载事件上加载。是否有办法知道 javascript 是否已加载？

现在我正在维护一个全局变量来检查“已加载”事件

var javascriptLoaded=false

if (!javascriptLoaded)
        $.getScript('/scripts/test.js', function() {
            javascriptLoaded = true;
            setTimeout(function() {
            callSomeFunctionhere(); 
            }, 1000);                     
        });

有更好的方法吗？

Answer 1

是的。您想要做的是使用成功回调。一个回调方法，只有在加载脚本的 ajax 请求成功完成后才会被调用。例如，这等效:

$.ajax({
url: "/myscript.js",
dataType: "script",
success: function(){
  scriptLoaded = true;
  //do some more stuff now that the script is loaded
 }
failure: function(){
  scriptLoaded = false; 
 }

});