如何修复表格的重复

Question

我正在尝试将 json 显示为表格。一旦我显示表格本身就会重复。        <div class="container-fluid">            <div>                <table class="table table-bordered d-sm-table-row" id="table">                    <tr>                        <th style="width:10%">IRB#</th>                        <th>Reg Dt</th>                        <th>Tx_Start_Dt</th>                        <th>Tx_End_Dt</th>                        <th>Off_Study Dt</th>                        <th style="width:100%">IRB_Title</th>                        @*<th>Arm_Descr</th>*@                    </tr>                </table>            </div>        </div>        <script>            $.ajax({                url: "https://tsrv/Get-Irb-Protos/by-mrn?format=json",                headers: { "Authorization": "042a9ff198c046eaf21|API Testing Script" },                contentType: 'application/json',                dataType: 'json',                type: 'post',                data: JSON.stringify({ "id": "35528329" })            }).done(function (data) {                /*$('#monitor_data').append(JSON.stringify(data))*/                //console.log(data);                $.each(data,                    function () {                        for (var i = 0; i < data.rows.length; i++) {                            var tr = $('<tr/>');                            tr.append("<td>" + data.rows[i][0] + "</td>");                            tr.append("<td>" + data.rows[i][1] + "</td>");                            tr.append("<td>" + data.rows[i][2] + "</td>");                            tr.append("<td>" + data.rows[i][3] + "</td>");                            tr.append("<td>" + data.rows[i][4] + "</td>");                            tr.append("<td>" + data.rows[i][5] + "</td>");                            //tr.append("<td>" + data.rows[i][6] + "</td>");                            $('table').append(tr);                        }                    });            });        </script>预期结果：表格行不会重复。我假设我在 java-script 部分做错了什么。请检查屏幕截图以获取更多参考。

Answer 1

看来您正在多次循环数据。删除“$.each”循环并仅使用“for”循环运行它。这应该给你一个数据循环。如果您发布从您的请求中收到的回复，我可以提供更多帮助。