Еще одна строка JSON -> HTML table

Я знаю, что задаю вопрос без какого-либо кода, чтобы показать его, на него нахмурился, но ям с полной потерей. У меня есть простой JSON-файлы, как это, например (это упрощенный, но общая структура идентичная):Еще одна строка JSON -> HTML table

[{ 
    "key1" : "some value", 
    "key2" : 123 
},{ 
    "key1" : "some other value", 
    "key3" : [ 
     "arrayVal1", 
     "arrayVal2" 
    ] 
}]

Как я мог превратить его в HTML-таблице что-то вроде этого?

+----------+-------+---------+ 
| key1  | key2 | key3 | < this should be a th 
+----------+-------+---------+ 
|some value| 123 |   | 
+----------+-------+---------+ 
|some ot...|  |arrayVal1| 
|   |  |arrayVal2| 
+----------+-------+---------+

Sidenote: я понятия не имею, что имена ключей и какие значения (строка, число, массив) они занимают заранее.

Я могу загрузить и проанализировать json-файлы на сайте, так что здесь не проблема, просто не знаю, как их показать.

источник

2016-02-02 val

У вас есть что-то в виду в отношении фреймворков javascript? Я знаю, что jquery или нокаут могут сделать это через пару минут. Дайте мне знать, если вам нравится нокаут, и я могу дать вам код фрагмента, я упоминаю рамки, потому что делать это со старым javascript-стилем будет больно и не стоит усилий –

что именно ваша проблема? вы не можете пройти через json? вы не можете получить ключевые имена? вы не можете добавить html к своему телу? –

Как я могу выполнить цикл, если json получает ключи и значения, как я могу выяснить, является ли это значение массивом? (потому что мне нужно будет напечатать их в вопросе), как я могу добавить новый tr, если есть ключ, который еще не существует? – val

Для будущих историков: Here - рабочий код. Это может выглядеть как прикладом, и повсеместное дублирование кода, но оно работает. Спасибо за Роберто за то, что он указал на некоторые полезные темы.

источник

2016-02-02 18:12:27 val

Еще одна строка JSON -> HTML table

ответ

Смежные вопросы