我的问题是,当我单击按钮以显示从数据库到 html 表的数据时,它会显示出来,但是当我尝试再次单击该按钮时,它会复制表的内容,并且只要我单击按钮。
脚本:
$('#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){
关于javascript - 使用ajax和php将数据显示到html表时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25060507/