我正在嘗試將 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 部分做錯了什么。請檢查屏幕截圖以獲取更多參考。
如何修復表格的重復
LEATH
2021-09-30 15:03:38