Свойства объекта отображения jQuery

Question

Я хотел бы отобразить содержимое JSON, поступающего из сервлета, в браузер внутри простой таблицы, состоящей из двух столбцов: ключ и значение. В чистом HTML я бы использовал тег списка определений, но мне нужно загружать все динамически, и я не хочу читать JSON, разбирать его и вручную создавать html-код. Другой способ сделать это - иметь таблицу с первым столбцом заголовков, заполненную ключами свойств, и вторым столбцом данных, заполненным значениями свойств.

Но я хотел бы сохранить код чистым, поэтому мне было интересно, есть ли какой-нибудь виджет или что-то подобное, чтобы сделать это по-другому.

Лучшим должен быть способ использования плагина datatables.

P.S. Я пытаюсь привести пример. Начиная с этого

{ 
    "a": "A", 
    "b": "B", 
    "c": 6 
} 

Я хочу, чтобы достичь этого

a A 
b B 
c 6 

Может печатать его в виде таблицы и показывать по-разному первый столбец, то есть на самом деле заголовок.

Answer 1

Вы хотите петлю for...in. Он будет перебирать имена свойств объекта, а затем вы можете использовать обозначение имени и скобки для получения значения.

var obj = { 
    "a":"A", 
    "b":"B", 
    "c":6 
} 

for (var prop in obj) { 
    console.log(prop+" "+obj[prop]); 
} 

Для вывода HTML, просто изменить тело цикла for...in к чему-то вроде document.write("<tr><td>"+prop+"</td><td>"+obj[prop]+"</td></tr>") (или редактировать innerHTML на элементе)

Answer 2

Try:

var a = { 
    "a": "A", 
    "b": "B", 
    "c": 6 
} 
$.each(a,function(k,v){ 
    alert("key:"+k+" value:"+v); 
}); 

DEMO here.