重新加载外部 javascript 文件的最佳和快速做法？

Question

大家好，我有一个很大的疑问...... 在我的 javscript 代码中，我需要每 1 分钟重新加载一个 js 文件（其中有一个多维数组）。 要重新加载它，建议我使用ajax 或其他方式？

示例A：

       try { 
          jQuery.ajax({             
            url: "http://www.fake.con/scripts/out/array/week-quakes.js",
            dataType: "script",
            cache: false
          });
        }
        catch(e){
            var aggiungi= '<span>there's error about server</span>';
            $(aggiungi).appendTo('#lista-eq');    
        }

示例B

$("head script[src='http://www.fake.con/scripts/out/array/week-quakes.js']").remove();


$('head').append('<script type="text/javascript" src="http://www.fake.con/scripts/out/array/week-quakes.js"><\/script>');   

这些代码在setInterval(function())里面

但是我的问题也是，当我 realod js 文件可能时它还没有准备好或不存在，那么我该如何解决这个问题？

我希望你能帮助我并提出好的建议:)

Answer 1

我会去做类似的事情。首先删除旧版本。然后用新元素创建一个新元素，并在 url 中添加某种“cachebuster”，这样它就不会重新加载缓存的版本。

let loadJsScript = function(src) {
    let oldScript = $("script[src='" + src + "']"),
        script = document.createElement('script');

    oldScript && oldScript.remove();

    script.type = 'text/javascript';
    script.src = src

    $('head').append(script);
}


loadJsScript('/scripts/out/array/week-quakes.js?cachebuster='+ new Date().getTime());

要每分钟运行一次函数，你可以用 setInterval 函数包装它。

setInterval(function(){ 
 loadJsScript('/scripts/out/array/week-quakes.js?cachebuster='+ new Date().getTime());
},60000)