如何異步加載包含ajax調用的JavaScript文件？

Question

我有一個名爲JScript.js這個文件的JavaScript文件包含以下即函數調用Ajax點網網頁

alert('jscript.js called'); 

function AddTag() { 
var htag = document.getElementById("hdntag").value.split('|'); 
var texttag = document.getElementById("taginput").value; 

for (i = 1; i < htag.length; i++) { 
    var onetag = htag[i].split(','); 

    if (onetag[0] == texttag) { 
     alert("Already Exist!!!"); 
     return false; 
    } 
} 
$(document).ready(function() { 
    $.ajax 
          ({ 
           type: "POST", 
           url: "Checked.aspx/AddTag", 
           data: "{'TagName': '" + $('#taginput').val() + "'}", 
           contentType: "application/json; charset=utf-8", 
           dataType: "json", 
           async: true, 
           cache: false, 
           success: function (msg) { 
            document.getElementById("hdntag").value += '|' + texttag + ',' + msg.d; 
            Makeedittabletaghtml(); 
           } 
          }) 
}); 
document.getElementById("taginput").value = ""; 

}

我試圖加載這個JavaScript文件到頁面異步但我只得到了警告，即「jscript.js稱爲」但功能不低於執行是加載JavaScript文件異步

(function() { 
    var dsq = document.createElement('script'); 
    dsq.type = 'text/javascript'; 
    dsq.src = 'JScript.js'; 
    dsq.async = true; 
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); 
})(); 

但磨片的代碼NI包括文件到它運行的頁面並執行罰款

<script type="text/javascript" src="JScript.js"></script> 

Answer 1

可以使用.getScript() jQuery函數來做到這一點：

$.getScript("JScript.js", function(){ 
    alert("Script loaded and executed."); 
    // here you can use anything you defined in the loaded script 
}); 

Answer 2

法爾漢·艾哈邁德已回答了，反正，只有的document.ready火災當您加載網頁和DOM已經準備好了，所以首先讓你JScript.js如下

alert('jscript.js called'); 

function AddTag() {...} 

function myReadyFunc(){ 
    $.ajax({ 
    ... 
    ... 
    }); 
} 

，然後用$.getScript到L OAD的文件，並致電myReadyFunc()它將調用ajax

$.getScript("JScript.js", function(){ 
    alert("Script loaded and executed."); 
    myReadyFunc(); 
}); 

參考：Here.