我的问题是,当我点击按钮显示数据从数据库到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
});
}
});
});
2条答案
按热度按时间huwehgph1#
使用
$("#myTable2 tbody").empty()
在追加之前删除行:jljoyd4f2#
在获取JSON数组之前尝试
$('#myTable2 tbody').empty();
。这将在添加新行之前删除表中的现有行。但表标题仍将保留。编辑:
根据以下注解,将.remove()更改为.empty()