2016-09-16 113 views
1

如何使用jQuery AJAX加载多个脚本?使用jQuery加载多个脚本AJAX

取而代之的是:

jQuery(document).ready(function() { 
    jQuery.ajax({ url: 'https://www.domaincom/js/script1.js', dataType: 'script' }); 
    jQuery.ajax({ url: 'https://www.domaincom/js/script2.js', dataType: 'script' }); 
}); 

东西更优雅,就像这样:

jQuery(document).ready(function() { 
    var scripts = []; 
    scripts[0] = 'https://www.domaincom/js/script1.js'; 
    scripts[1] = 'https://www.domaincom/js/script2.js'; 

    jQuery.ajax({ url: scripts, dataType: 'script' }); 
}); 
+0

如果你不得不做这样的事情,我会链中的AJAX带回调......即:第一个完成时,请拨打下一个,依此类推。 –

回答

0

http://jsbin.com/moyijab/1/edit?js,output

let url = "https://rawgit.com/moongod101/c2682ecd0b52cdd631b45b94cbc18674/raw/6b3bdeda52f57aa3da0f8ec70eab54e406af76cf/jsbinAJAXScript.js"; 


let xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 

      let back = xhttp.response; 

      let scriptTag = document.createElement("script"); 
      scriptTag.innerHTML = back; 
      document.querySelector("head").appendChild(scriptTag) 


    } 
    }; 
    xhttp.open("GET", url); 
    xhttp.send();