Question

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

{
  "success":true,
  "message":null,
  "messages":null,
  "data":[
    {"Type":"Model","Value":"A Model"},
    {"Type":"Model","Value":"B Model"}
  ]
}

Answer 1

试试这个：

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);
                    });
                }
            }
        });
    }

每次ajax成功加载时，你应该重置表格的html：$（＆＃34;＃ajaxViewAttendanceSheet＆＃34;）。html（＆＃39;＆＃39;）;

Answer 2

简单问题的复杂答案。

在此行 var res = String(JSON.stringify(data)).split(","); 之后调用此方法以清除这些元素中的元素和值。

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

使用 JQuery 方法 empty()

https://api.jquery.com/empty/

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

2 个答案: