Javascript 在ajax调用中清除表值
我有一个通过ajax调用填充的表 这是表格代码Javascript 在ajax调用中清除表值,javascript,jquery,Javascript,Jquery,我有一个通过ajax调用填充的表 这是表格代码 <table class="table"> <thead> <tr> <th scope="col">#</th> <th scope="col">Ф.И.О</th> <th scope="col">Дата рождения</th> <th scope="co
<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;,但它不起作用,我没有错误
如何正确清除值?试试这个
$("#people").empty();
如果要清除所有行,请使用下面的代码 var table=$'example'.DataTable 表1.clear.draw 有关更多信息,请参见api链接
$people tr.remove;应该可以工作,但是可以使用$people.empty;这对我有帮助。谢谢s@eugene您需要将此答案标记为已批准。点击勾号sign@eugene如果没有相应的奖励,人们将停止帮助他人。