jQuery loop over JSON result from AJAX Success?

ajax, jquery, json

Solution

you can remove the outer loop and replace `this` with `data.data`:

$.each(data.data, function(k, v) {
    /// do stuff
});

You were close:

$.each(data, function() {
  $.each(this, function(k, v) {
    /// do stuff
  });
});

You have an array of objects/maps so the outer loop iterates over those. The inner loop iterates over the properties on each object element.

Problem

On the jQuery AJAX success callback I want to loop over the results of the object. This is an example of how the response looks in Firebug. ``` [ {"TEST1":45,"TEST2":23,"TEST3":"DATA1"}, {"TEST1":46,"TEST2":24,"TEST3":"DATA2"}, {"TEST1":47,"TEST2":25,"TEST3":"DATA3"} ] ``` How can I loop over the results so that I would have access to each of the elements? I have tried something like below but this does not seem to be working. ``` jQuery.each(data, function(index, itemData) { // itemData.TEST1 // itemData.TEST2 // itemData.TEST3 }); ```

Original source