Calling Javascript Files Sequentially With JQuery

Question

Say I have the following array:

var array=['script1.js', 'script2.js','script3.js','script1.js']

How can I run through that array loading in each script one by one with the next one only being called after the previous one has been fully loaded and fired?

I wish to use JQuery's getScript function.

Would something like this suffice?

var i=0;
var id_key='file'+i;
function load_script(url){
$.getScript(url)
.done(i++; load_script(array[i]);
}

According to the Jquery site: "Success Callback The callback is fired once the script has been loaded but not necessarily executed.". Is there a way around that? — Nuvolari
– Nuvolari, Commented Dec 28, 2013 at 13:42
@Nuvolari By the time, next request succeeds, the previously loaded script would most probably have executed, so is that an issue that your callback get called before the loaded script is executed? — Mat J
– Mat J, Commented Dec 28, 2013 at 13:51

Arun P Johny · Accepted Answer · 2013-12-28 14:12:01Z

3

Try something like

var array = ['script1.js', 'script2.js', 'script3.js', 'script1.js'];

function load_scripts(array) {
    if (!array || !array.length) {
        return
    }
    $.getScript(array.shift(), function () {
        load_scripts(array);
    })
}
load_scripts(array)

Demo: Fiddle

answered Dec 28, 2013 at 14:12

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

WebServer · Accepted Answer · 2013-12-28 13:42:31Z

1

var i=1;
var id_key='file'+i;
function load_script(url){
  $.getScript(url)
  .done(
      function(data){
        switch(i){
          case 1://do blah blah
          case 2://do blah blah
        }
        i++;
        if(i<=array.length){
          load_script(array[i])
        }
      });
}
load_script(array[i]);

answered Dec 28, 2013 at 13:42

WebServer

1,41610 silver badges14 bronze badges

Collectives™ on Stack Overflow

Calling Javascript Files Sequentially With JQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related