Question

I try to iterate throug an array of ids and make a ajax request for each id. subsequentely each response object is pushed in an array/ so far no problem, however, the problem starts when i try to access the responses in the array. the strange thing is that in the console log the responses are shown (ouside the array though, see below) but the properties of the array objects are empty/ it seems i generated an empty object with some data attached to it/ my question is how can i access the objects that are in (or not in?) the array

    var getAssoc = {
        returnProds: function (idCache) {
            var id = idCache;
            var prodData = [];
            var counter = id.length;
            $.each(id, function (i) {
                $.ajax({
                    url: "myurl.php?",
                    data: {
                        'id': id[i]
                    },
                    success: function (data) {
                        prodData[i] = data;
                            counter--;
                            if (counter === 0) console.log(prodData);
                    },                  
                })
            }); 
        }
    };

console log looks like this. testing for number of properties returns 0

[]
0 Object { array={…}}

1 Object { array={…}}
2 Object { array={…}}
3 Object { array={…}}

Answer 1

In you success callback Try parsing the response coming from your server:

jQuery.parseJSON(data);