Loop through JSON response in jQuery

You can do that by accessing " i ". This will have your properties of all JSON object.

success: function(response){
             $.each([response], function(i, objects) {
             var list = "<li>" + **i.previous** + "</li>";

             $('#result').append(list);
             });

ANother example

var obj = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

Out put being:

flammable: inflammable 
duh: no duh

var arr = ["meta", {"previous"=>nil, "total_count"=>12, "offset"=>0, "limit"=>1, "next"=>"/v1/Account/MAMTE4MTHJNJRKODBIMD/AvailableNumberGroup/?prefix=415&limit=1&country_iso=US®ion=NY&offset=1"}]["api_id", "441d610c-bede-11e2-815d-22000abcc0e1"]["objects", [{"stock"=>57, "voice_enabled"=>true, "region"=>"New York, UNITED STATES", "voice_rate"=>"0.00900", "prefix"=>"631", "sms_rate"=>"0.00800", "number_type"=>"local", "setup_rate"=>"0.00000", "rental_rate"=>"0.80000", "group_id"=>"11411650673450", "sms_enabled"=>true, "resource_uri"=>"/v1/Account/MAMTE4MTHODBIMD/AvailableNumberGroup/11411650673450/"}]];

    for(var i=0;i<arr.length;i++){
        var obj = arr[i];
        for(var key in obj){
            var attrName = key;
            var attrValue = obj[key];
            //your condition goes here then append it if satisfied
            var list = "<li>" + obj[key]+ "</li>";
            $('#result').append(list);
        }
    }

Thanks.

You need a double iteration, one for each object in objects[] and one for each <key, value> pair in an object.

For example in this demo, using an example from http://plivo.com/docs/api/numbers/availablenumbergroup/

var jsonResponse = '{"meta": {"previous": null, "total_count": 1, "offset": 0, "limit": 20, "next": null }, "api_id": "26590c12-5831-11e1-86da-6ff39efcb949", "objects": [{"voice_enabled": true, "voice_rate": "1.1"}, {"voice_enabled": false, "voice_rate": "1.2"} ] }';

$('#simulateAjax').on('click', function() {
    // cannot make call due to cross-domain security (and the API URL is unknown!) so just fake call the success function with valid JSON
/*    $.ajax({
      url: 'test.html',
      dataType: 'json'
    }).done(success);
*/
    success($.parseJSON(jsonResponse));

    function success(response) {
        var items = '';
        $.each(response.objects, function(index, obj) {
            // obj here is one "object", we need to iterate the contents of each "obj"

            $.each(obj, function(k, v) {
                // k here is the key
                // v is the value
                items += '<li>' + k + ' : ' + v + '</li>';
            });
        });
        $('#result').append(items);
    }
    return false;
});

which will produce

• voice_enabled : true
• voice_rate : 1.1
• voice_enabled : false
• voice_rate : 1.2

Note: I removed most of the properties in each object for the demo. Also jQuery would have automatically called $.parseJson() on the response, which is why I am manually calling it.

If you want each object to appear on a single <li> then you will need to construct the <li> in the outer loop and append the k, and v in the inner $.each(), then close the </li> after, like this:

var item = '<li>';

$.each(obj, function(k, v) {
    item += k + ' : ' + v + ', ';
});

item += '</li>';
items += item;

First of all, that's not valid JSON, since the arrow syntax => is not allowed and you should add double quotes to the values as well. Moreover the syntax doesn't seem to be very consistent, looks like you have more than one array there at the root level. For it to be JSON you need the "key": "value" format, and the "meta" doesn't have a value.

If you can, you need to change it to something like:

{ "meta" : { "previous" : "nil", "total_count" : "12" (...) } }

of if you need multiple sets of data inside the "meta":

{ "meta" : [ { "previous" : "nil", "total_count" : "12" (...) }, (...) ] }

after that you could then do (first option):

function(json) {
  var key, $result = $('#result');
  for (key in json.meta) {
    $result.append("<li>" + json.meta[key] + "</li>")
  }
}

or (second option):

function(json) {
  var item, key, $result = $('#result');
  for (item in json.meta) {
    for (key in json.meta[item]) {
      $result.append("<li>" + json.meta[item][key] + "</li>")
    }
  }
}