Javascript 使用ajax和php向html表显示数据时出现问题

我的问题是，当我单击该按钮以显示从数据库到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
            });
        }
    });
});

$（'#showData'）。单击（函数（）{
$.ajax({
url:'Oppa/view/file.php'，
键入：“post”，
数据：{tag:'getData'，代码：$（'#emailCodeResult'）.val（），
数据类型：“json”，
成功：功能（数据）{
if（data.success）{
$。每个（数据、函数（索引、记录）{
如果（$.isNumeric（索引））{
变量行=$（“”）；
第行。附录（#myTable2 tbody”）；
}
})
}
$（'#myTable2'）。数据表({
“bjQueryUI”：没错，
“bFilter”：错误，
“bRetrieve”：没错，
“sPaginationType”：“完整编号”，
“bAutoWidth”：没错，
“bPaginate”：错误，
“bInfo”：假，
“bLengthChange”：false
});
}
});
});

试试

$（“#我的表格2 tbody”）。删除（）。这将在添加新行之前删除表中的现有行。但表标题将保留。
请尝试
$（“#myTable2 tbody”）.remove（）。这将在添加新行之前删除表中的现有行。但表标题将保留。
请尝试
$（“#myTable2 tbody”）.remove（）。这将在添加新行之前删除表中的现有行。但表标题将保留。
请尝试
$（“#myTable2 tbody”）.remove（）。这将在添加新行之前删除表中的现有行。但表标题将保留。
使用
$（“#myTable2 tbody”）.empty（）
在追加之前删除行：

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

成功：函数（数据）{
if（data.success）{
$（“#myTable2 tbody”）.empty（）；//使用
$（“#myTable2 tbody”）.empty（）
在追加之前删除行：

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

成功：函数（数据）{
if（data.success）{
$（“#myTable2 tbody”）.empty（）；//使用
$（“#myTable2 tbody”）.empty（）
在追加之前删除行：

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

成功：函数（数据）{
if（data.success）{
$（“#myTable2 tbody”）.empty（）；//使用
$（“#myTable2 tbody”）.empty（）
在追加之前删除行：

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

成功：函数（数据）{
if（data.success）{
$（“#myTable2 tbody”）.empty（）；//您希望它做什么，刷新数据？在每次更新时删除行，否则继续追加您应该检查此项您希望它做什么，刷新数据？在每次更新时删除行，否则继续追加您应该检查此项您希望它做什么，刷新数据？在每次更新时删除行，其他e您应该继续追加检查您希望它做什么，刷新数据？在每次更新时删除行，否则您应该继续追加检查此$（“#myTable2 tbody”）.empty（）；唯一的区别是$（“#myTable2 tbody”）。Remove（）；同时删除tbody标记：）$（“#myTable2 tbody”）。empty（）；唯一的区别是$（“#myTable2 tbody”）.remove（）；同时删除tbody标记：）$（“#myTable2 tbody”）.empty（）；唯一的区别是$（“#myTable2 tbody”）.remove（）；同时删除tbody标记：）$（“#myTable2 tbody”）.empty（）；唯一的区别是$（“#myTable2 tbody”）.remove（）；同时删除tbody标记：）