URL 기반으로 JSON 데이터 받아서 tbody에 넣는 방법

Tech Note 정보
카테고리: [ Development ]
조회수: 2201

1. 개요

URL을 통해 JSON 데이터를 받아서 table 내 tbody에 넣는 방법

2. 코드

* 예시이므로 적절하게 수정하여 사용한다.

<script>
        $(function () {
            $.getJSON('http://......', function (data) {
                var html = '';
                $.each(data, function (key, value) {
                    html += '<tr>';
                    html += '<td>' + value[0] + '</td>';
                    html += '<td>' + value[1] + '</td>';
                    html += '<td>' + value[2] + '</td>';
                    html += '<td>' + value[3] + '</td>';
                    html += '</tr>';
                });
                $("#body").html(html);
            });
        });
</script>