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

时间:2013-12-30 05:40:28

标签: javascript jquery ajax

我正在尝试加载存储在外部服务器中的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是单线程的,文件加载procEss花了很多时间我尝试使用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文件。这样做有更好的方法吗?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

http://api.jquery.com/jquery.getscript/

已经存在很棒的jQuery函数