2016-09-16 9 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

あなたはこのような何かを持っている場合は、チェーンあなたのアヤックスコールバックを使って...つまり、最初のコールが完了したとき、次のコールをコールする、というように。 –

答えて

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(); 
関連する問題