Как правильно преобразовать JSON в HTML?

Question

[Kanonier8]

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

// подгрузил JSON файл
var jqxhr = $.getJSON( "test.json", function(data) {
		_jsonParse(data);
		console.log('sucsess')
	})
		.done(function() {
			console.log('Done')
		})
		.fail(function() {
			console.log('Error')
		})
		.always(function() {
			console.log('End Ajax')
		});
// функция парсинга JSON
function _jsonParse(data) {
	for(var key in data) {
		$('table').append(' \
				<tr id="id' + key + '> \
					<td>' + data[key].title +'</td> \
					<td>' + data[key].image +'</td> \
					<td>' + data[key].phone +'</td> \
					<td>' + data[key].email +'</td> \
					<td>' + data[key].desc +'</td> \
				</tr>');
	}
}

это все конечно работает, но верно ли я все делаю? может все-таки есть другие способы рендерить JSON? Более быстро и гибко.

Answer 1

[Никита К.]

Для этого используют шаблонизаторы, например Handlebars, так же есть простой шаблонизатор в библиотеке underscore.

Answer 2

[Сергей]

можно еще тут поиском воспользоваться Как грамотно и быстро превратить Json строку в HTML структуру?

Answer 3

[Кирилл Пензин]

Первая ссылка из гугла: json2html