Вложенные строки таблицы 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 и перечислить всех кто к ней имеет отношение..


Ответы (0 шт):