Javascript 如何在ajax调用中单击按钮后刷新表？

我在ajax调用成功后生成了一个表。当我重新选择选项并单击按钮时，数据仅添加到现有表中。在此，我希望使用更新的表刷新表。无法设置刷新功能。如需任何帮助，请提前感谢

function viewAttendanceSheet() {
    var date = $("#datepicker").val();
    $.ajax({
        type: 'GET',
        url: "attendanceList",
        dataType: "json",
        data: {
            "date": date
        },
        success: function(data, status) {
            alert(status);
            alert(JSON.stringify(data.length));
            var res = String(JSON.stringify(data)).split(",");
            if (data.length == 0) {
                newRowContent = ("<tr>NOTHING TO DISPALY...</tr>");
                $("#ajaxViewAttendanceSheet").append(newRowContent);
            } else {
                $("#attendanceViewTableHead").css("display", "block");
                $.each(data, function(key, value) {
                    if (value.status == "Absent") {
                        newRowContent = ("<tr><td>" + value.studentName + "</td><td style=color:red;>" + value.status + "**</td></tr>");
                    } else {
                        newRowContent = ("<tr><td>" + value.studentName + "</td><td style=color:green;>" + value.status + "</td></tr>");
                    }
                    $("#ajaxViewAttendanceSheet").append(newRowContent);
                });
            }
        }
    });
}

函数viewatendancesheet（）{
var date=$（“#datepicker”）.val（）；
$.ajax({
键入：“GET”，
url:“出席者”，
数据类型：“json”，
数据：{
“日期”：日期
},
成功：功能（数据、状态）{
警报（状态）；
警报（JSON.stringify（data.length））；
var res=String（JSON.stringify（data））.split（“，”）；
如果（data.length==0）{
newRowContent=（“无需显示…”）；
$（“#ajaxViewAttendanceSheet”）.append（newRowContent）；
}否则{
$（“#AttendanceDeviceTableHead”）.css（“显示”、“块”）；
$。每个（数据、函数（键、值）{
如果（value.status==“缺席”）{
newRowContent=（“”+value.studentName+“”+value.status+“**”）；
}否则{
newRowContent=（“”+value.studentName+“”+value.status+“”）；
}
$（“#ajaxViewAttendanceSheet”）.append（newRowContent）；
});
}
}
});
}

试试这个：

function viewAttendanceSheet() {
        var date = $("#datepicker").val();
        $.ajax({
            type: 'GET',
            url: "attendanceList",
            dataType: "json",
            data: {
                "date": date
            },
            success: function(data, status) {
                $("#ajaxViewAttendanceSheet").html('');
                var res = String(JSON.stringify(data)).split(",");
                if (data.length == 0) {
                    newRowContent = ("<tr>NOTHING TO DISPALY...</tr>");
                    $("#ajaxViewAttendanceSheet").append(newRowContent);
                } else {
                    $("#attendanceViewTableHead").css("display", "block");
                    $.each(data, function(key, value) {
                        if (value.status == "Absent") {
                            newRowContent = ("<tr><td>" + value.studentName + "</td><td style=color:red;>" + value.status + "**</td></tr>");
                        } else {
                            newRowContent = ("<tr><td>" + value.studentName + "</td><td style=color:green;>" + value.status + "</td></tr>");
                        }
                        $("#ajaxViewAttendanceSheet").append(newRowContent);
                    });
                }
            }
        });
    }

函数viewatendancesheet（）{
var date=$（“#datepicker”）.val（）；
$.ajax({
键入：“GET”，
url:“出席者”，
数据类型：“json”，
数据：{
“日期”：日期
},
成功：功能（数据、状态）{
$（“#ajaxViewAttendanceSheet”）.html（“”）；
var res=String（JSON.stringify（data））.split（“，”）；
如果（data.length==0）{
newRowContent=（“无需显示…”）；
$（“#ajaxViewAttendanceSheet”）.append（newRowContent）；
}否则{
$（“#AttendanceDeviceTableHead”）.css（“显示”、“块”）；
$。每个（数据、函数（键、值）{
如果（value.status==“缺席”）{
newRowContent=（“”+value.studentName+“”+value.status+“**”）；
}否则{
newRowContent=（“”+value.studentName+“”+value.status+“”）；
}
$（“#ajaxViewAttendanceSheet”）.append（newRowContent）；
});
}
}
});
}

---

每次ajax加载成功时，应通过以下方式重置表的html：$（“#ajaxViewAttendanceSheet”）.html（“”）

简单问题的复杂答案

在这一行

var res=String（JSON.stringify（data））.split（“，”）之后调用此方法

清除这些元素中的元素和值

  $("#ajaxViewAttendanceSheet").empty();

使用JQuery方法

empty（）

---

我建议您在通过调用

$（“#ajaxViewAttendanceSheet”）.empty（）追加任何新数据之前清空该表在发出
警报之后（JSON.stringify（data.length））声明。这就是为什么这个答案会降低投票率的原因。使用这个解决方案有什么缺点吗？我想可能其他人认为我只是复制并粘贴了上面的代码。但实际上我在代码中做了一个修正。下次我最好解释一下我的修正：）yah.yopu在我的代码中添加了解决方案。再次感谢你们。