Как вывести массив json полученный в ответе ajax в таблицу

Не могу заполнить таблицу данными которые приходят от сервлета с помощью ajax. Ситуация такая, при нажатии на объект в таблице я отправляю его в сервлет, там запрос выбирает мне данные с таблицы в БД, и отправляет ответ на страницу. Не знаю как правильно организовать цикл для вывода данных табличку.

Объект с данными:

Jsp:

<div id="myModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="classInfo" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <table id="tableListModal" class="table table-striped table-bordered" acceptCharset="UTF-8">
                    <thead id="backgroundSearchHead">
                        <tr>
                            <th rowspan="2">Термін впровадження</th>
                            <th colspan="4">Металолом</th>
                        </tr>
                        <tr>
                            <th>Цех</th>
                            <th>Чор-<br>мет.</th>
                            <th>Кол.<br>мет.</th>
                            <th>Норма<br>витрати<br>матеріалу<br>на<br>заготовку</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="valueSvi"></td>
                            <td class="valueNcm"></td>
                            <td class="valueVmch"></td>
                            <td class="valueKmcv"></td>
                            <td class="valueNrmzmc"></td>                                        
                        </tr>
                    </tbody>
                </table>
                <button type="button" class="btn  pull-right" data-dismiss="modal">
                    Закрити
                </button>
            </div>     
        </div>
    </div>
</div>
<script>
        $(document).ready(function () {
            // code to read selected table row cell data (values).
            $("#tableList").on('click', '.takeTd', function () {
                // get the current row
                var currentRow = $(this).closest("tr");
                var col = currentRow.find(".takeOsd").text();
                var trimCol = $.trim(col);
                var osdObj = {
                    "osdAj": trimCol
                };
                $.ajax({
                    url: "modalOsdSpnrm",
                    method: "post",
                    dataType: "json",
                    data: osdObj,
                    error: function (message) {
                        // console.log(message);
                    },
                    success: function (data) {                        
                         console.log(data[0]);
                         $('.valueSvi').text(data[0].svi);
                         $('.valueNcm').text(data[0].ncm);
                         $('.valueVmch').text(data[0].vmch);
                         $('.valueKmcv').text(data[0].kmcv);
                         $('.valueNrmzmc').text(data[0].nrmzmc);                         
                    }
                });
            });
        });
    </script>