有问题显示数据的html表使用 AJAX 和php

dsekswqp  于 2023-05-21  发布在  PHP
关注(0)|答案(2)|浏览(158)

我的问题是,当我点击按钮显示数据从数据库到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
            });
        }
    });
});
huwehgph

huwehgph1#

使用$("#myTable2 tbody").empty()在追加之前删除行:

success: function(data){
        if(data.success){
            $("#myTable2 tbody").empty(); //<------------------------------------
            $.each(data, function(index, record){
jljoyd4f

jljoyd4f2#

在获取JSON数组之前尝试$('#myTable2 tbody').empty();。这将在添加新行之前删除表中的现有行。但表标题仍将保留。
编辑:
根据以下注解,将.remove()更改为.empty()

相关问题