2 мерных JSON синтаксического

Question

У меня есть объект JSON в качестве такого

{ 
    "Data": [ 
     { 
      "Iden": "12", 
      "Date": "01/23/2011", 
      "City": "Clearwater", 
      "State": "FL" 
     }, 
     { 
      "Iden": "12", 
      "Date": "02/09/2012", 
      "City": "Elgin", 
      "State": "IL" 
     }, 
     { 
      "Iden": "00010-LV01-12", 
      "Date": "06/22/2010", 
      "City": "Newport Beach", 
      "State": "CA" 
     } 
    ] 
} 

Как вы можете видеть, он имеет 3 строки и 4 столбца. Как использовать .each в jquery для итерации через этот объект?

Я пробовал:

$.each(Data, function() { 

но это только сделали первую итерацию

Answer 1

jQuery.each() могут перебрать массивы, карты/объекты, но параметры функции имеют несколько разные значения в каждом конкретном случае:

$.each(Data.Data, function(i) { 
    // 'this' is the array element, i is the index 
    $.each(this, function(key, value) { 
     // 'this' is the value of the object item 
     // key is the map/object key, value is value 
    }); 
}); 

It Важно отметить, что всегда находится в формате Object, даже если это строка или номер.

Демо: http://jsfiddle.net/jtbowden/acySP/

Answer 2

Вы должны использовать вложенный цикл. Как так:

jQuery.each(Data, function() { 
    // `this` now points to the row of data 
    jQuery.each(this, function(key, value) { 
     // process here 
    }); 
}); 

EDIT: Изменен внутренний обратный вызов использовать key, value в качестве аргументов - более применимых для этого сценария.

Answer 3

если это в AJAX запроса, такие как

$.getJSON(url, function (data){ 
    /* main JSON object is data, array Data is inside main object, need to iterate over it*/ 
     $.each(data.Data, function(key, item){ 
     $('body').append('<p>'+item.City +', '+item.State+'</p>'); 
    }) 
}) 

Answer 4

вы также можете попробовать с помощью $.map, чтобы получить данные

см демо: http://jsfiddle.net/PQcFx/5/