jQuery loop through JSON files and parse before continuing

Question

I have a simple jQuery script which parses some json files:

var jsonData = {};

$.when(
    $.getJSON('data/file1.json', function(data) {
        jsonData['file1'] = data;
    }),
    $.getJSON('data/file2.json', function(data) {
        jsonData['file2'] = data;
    })
).then(function() { 
    // do stuff
});

What I would like to do is make this more extensible by being able to loop through a list of files.

I have tried this:

var jsonData = {};
var files = ['file1.json', 'file2.json'];

$.when(
    $.each(files, function( index, value ) {
        $.getJSON('data/' + value, function(data) {
            jsonData[value] = data;
        })
    })
).then(function() { 
    // do stuff
});

But then I seem to loose the asynchronous nature of the call.

user77838 · Accepted Answer · 2014-05-05 15:31:17Z

2

Try this:

var jsonData = {};
var files = ['file1.json', 'file2.json'];

// make array of promises

gets=$.map(
    files,
    function(f){ 
        return $.getJSON('data/'+f, function(data) {
            jsonData[f] = data;
        });
    }
);

$.when
    .apply(null,gets)
    .then(function() { 
        // do stuff
    }).fail(function() {
        // handle error
    });

answered May 5, 2014 at 15:31

user77838

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

Collectives™ on Stack Overflow

jQuery loop through JSON files and parse before continuing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related