【问题标题】:How to fix the repetition of a table如何修复表格的重复
【发布时间】:2019-08-30 15:34:59
【问题描述】:

我正在尝试将 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 脚本部分做错了什么。 请检查屏幕截图以获取更多参考。

【问题讨论】:

  • 进来的数据是什么样子的
  • 只需删除 $.each(data, function () { 和相应的右括号。你循环了两次。for循环就足够了
  • 每个都有一个 for 循环。双循环

标签: javascript c# jquery


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-02-14
    • 2021-03-13
    • 1970-01-01
    • 1970-01-01
    • 2021-04-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多