我的问题是,当我点击按钮显示数据从数据库到html表,它显示出来,但当我尝试再次点击按钮,它重复表的内容,它继续复制,只要我点击按钮。
script:
$('#showData').click(function() {
$.ajax({
url: 'Oppa/view/file.php',
type: 'post',
data: {tag: 'getData', code: $('#emailCodeResult').val()},
dataType: 'json',
success: function(data) {
if (data.success) {
$.each(data, function(index, record) {
if ($.isNumeric(index)) {
var row = $("<tr />");
row.appendTo("#myTable2 tbody");
}
})
}
$('#myTable2').dataTable({
"bjQueryUI": true,
"bFilter": false,
"bRetrieve": true,
"sPaginationType": "full_numbers",
"bAutoWidth": true,
"bPaginate": false,
"bInfo": false,
"bLengthChange": false
});
}
});
});
使用$("#myTable2 tbody").empty()
删除附加前的行:
success: function(data){
if(data.success){
$("#myTable2 tbody").empty(); //<------------------------------------
$.each(data, function(index, record){
在获取JSON数组之前尝试$('#myTable2 tbody').empty();
。这将在添加新行之前删除表中的现有行。表头将保留。
根据下面的注释从。remove()更改为。empty()