javascript - 如何动态加载位于外部服务器中的 JavaScript 文件？

Question

我正在尝试加载存储在外部服务器中的 JavaScript 文件。我尝试使用纯 js 按以下方式执行此操作:

$(document).ready(function(){
    scriptObject = document.createElement('script');
    scriptObject.type = 'text/javascript';
    scriptObject.async = true;
    scriptObject.src="https://seal.verisign.com/getseal?host_name=esewa.com.np&size=S&use_flash=YES&use_transparent=YES&lang=en",
});

$(window).load(function(){
                document.getElementByTagName('head')[0].appendChild(scriptObject);      
            });

由于 Js 是单线程的，文件加载过程花费了很多时间，我尝试使用 ajax 和 js 按以下方式执行此操作

$(document).ready(function(){
    scriptObject = document.createElement('script');
    scriptObject.type = 'text/javascript';
    scriptObject.async = true;
    $.ajax({
        type: "GET",
        url:"https://seal.verisign.com/getseal?host_name=esewa.com.np&size=S&use_flash=YES&use_transparent=YES&lang=en",
        dataType: "script",
        success: function(data) {
            scriptObject.src= data ;
            $(window).load(function(){
           document.getElementByTagName('head')[0].appendChild(scriptObject);   
            });
        }
    }); 

});

但是我不确定是否可以像我使用 ajax 和 jquery 那样加载 .js 文件。有更好的方法吗？任何帮助将不胜感激。

Answer 1

已经存在很棒的 jQuery 函数 http://api.jquery.com/jquery.getscript/