Ajax 통신 이후에 Table에 데이터 채우기

Jquery 

frontend쪽에 개발을 오랜만에 하니 잊었던것이나 이런 것들이 너무 많은거 같다. 
이번에 막힌 부분은 받아온 데이터를 table에 데이터를 만들어 넣어주는 것이고 이 팝업창이 뜨고 닫았을때 다시 그 팝업창의 데이터를 초기화 해주는 부분이었다. 

bootstrap 의 퍼블리싱 부분도 같이 진행을 할려니 개발할 시간도 점점 작은 것 같기도 하다. 
ajax로 통신이후에  success가 되면 그때 기존의 자료에 넣어주는 로직이다. 

let result = data.dataList;
                        console.log('배열의 길이 : '+data.dataList.length);
                        let str = '<TR>';
                        $.each(result, function(i){
                            console.log(i);
                            str += '<td>' + result[i].gubun +':' +result[i].cate_item_div_Nm+ '</td>';
                            str += '</TR>';
                        });
                        $('#segInfo').append(str);
                        //table에 넣어준다.

참고로 bootstrap 에서 팝업창의 내용을  초기화하는 부분에는 다음과 같이 넣어주고 초기화를 해주었다. 

$('#dataInfo_modal').on('hidden.bs.modal', function (e) {
                            $( '#segInfo > tbody').empty();
                            // $('#segInfo').remove('');
                        });

위와 같이  tbody 의 내용을 empty()함수를 이용하여 내용을 삭제하고 처리를 하였네요.
오늘도 새로운 것을 배워가네요. ^^