Вложенные строки таблицы JSON Ajax
Подскажите пожалуйста. Я только начал изучать ajax, и хотел бы попросить более подробного разъяснение(если можно). Проблема следующая, Получаю JSON от сервера следующего типа
{"JsonResult":[{"Name":"Иванов Иван Иванович","Email":"IvanovII","Title":"Что-то еще","Department":"IT"}
И таких данных около 100. На странице создал таблицу
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Title</th>
</tr>
</thead>
<tbody id="tblInfo">
</tbody>
и вывожу их через:
function getData() {
var $tbl = $('#tblInfo');
$.ajax({
url: $("#Get").val(),
type: 'GET',
datatype: 'json',
success: function (data) {
$tbl.empty();
$.each(data.JsonResult, function (i, model) {
$tbl.append
(
'<tr>' +
'<td>' + model.Name + '</td>' +
'<td>' + model.Email + '</td>' +
'<td>' + model.Title + '</td>' +
'<tr>'
);
});
}
});
}
Все работает, единственное хочу сделать вложенные строки, а как сделать не знаю. То есть перебрать Department и перечислить всех кто к ней имеет отношение..