Question

我有通过ajax调用填充的表

这是表格代码

<table class="table">
<thead>
    <tr>
        <th scope="col">#</th>
        <th scope="col">Ф.И.О</th>
        <th scope="col">Дата рождения</th>
        <th scope="col">Телефон</th>
        <th scope="col">График</th>
        <th scope="col">Адрес</th>
        <th scope="col">Паспортные данные</th>
        <th scope="col">Мед Книжка</th>
    </tr>
</thead>
<tbody id="people" style="overflow: auto;">

</tbody>

这里是填充它的js脚本代码

function AllPeople() {
let getPeopleUrl = '/peopleforworks/index';
$.ajax({
        url: getPeopleUrl,
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        dataType: 'json',
        processData: false,
    success: function (data) {
        $("#people tr").remove();
            var list = data;
            for (var i = 0; i <= list.length - 1; i++) {
                var tableData = '<tr>' + '<td>' +
                    (i + 1) +
                    '</td>' +
                    '<td > ' +
                    list[i].FIO +
                    '</td>' +
                    '<td > ' +
                    moment(list[i].Birthday).format('DD/MM/YYYY') +
                    '</td>' +
                    '<td> ' +
                    list[i].TelephoneNumber +
                    '</td>' +
                    '<td > ' +
                    list[i].WorkTime +
                    '</td>' +
                    '<td> ' +
                    list[i].Adress +
                    '</td>' +
                    '<td> ' +
                    list[i].PassportData +
                    '</td>' +
                    '<td> ' +
                    list[i].MedicalBook +
                    '</td>'
                    +
                    '</tr>';
                $('#people').append(tableData);
            }
        }
})

}

效果很好，数据传递到表

但是当我第二次称这个表（它是模态）时，它不清楚tbody中的值

我尝试像$("#people tr").remove();这样做，但它不起作用，我没有错误。

如何正确清除值？

Answer 1

试试这个

$("#people").empty();

Answer 2

如果要清除所有行。然后使用下面的代码。

var table = $（＆＃39; #example＆＃39;）。DataTable（）;

table.clear（）绘制（）;

有关更多信息，请访问api链接 https://datatables.net/reference/api/clear()

清除ajax调用上的表值

2 个答案: