2016-09-16 112 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();