如何修复表格的重复

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”循环运行它。这应该给你一个数据循环。如果您发布从您的请求中收到的回复，我可以提供更多帮助。