有没有办法在 CRUD 操作后立即触发更新视图

Question

我有一个简单的 CRUD 应用程序。当我使用 ajax 调用删除（例如）一个文档时，我想用新文档列表更新视图。我尝试使用 ajaxStop / ajaxSuccess 和 setTimeout。SetTimeout 运行良好，但我正在寻找的结果是没有超时。使用 ajaxStop / ajaxSuccess，有时会更新视图。const getAllDocument = () => {        $.ajax({            url: '/elastic/index/person',            method: 'POST',            global: false        }).done(function(data){                $("#personTable").empty();                dataLength = data.length;                for (let i = 0; i < data.length; i++) {                    $("#personTable").append(data) // Just example                }        }).fail(function(err){                console.log(err);        });    }$('#confirmDelete').on('click', function () {        let docType = $("#personTypeDelete").html();        let _id = $("#personIdDelete").html();        let data = {            docType: docType,            _id: _id        }        $.ajax({            url: '/delete',            method: 'DELETE',            data: data        }).done(function(data) {            toastr.success("Delete person succeed!", '', toastOption);            getAllDocument();        }).fail(function(err) {            toastr.error("Delete person failed!", '', toastOption);            console.log(err);        });    });我希望在删除文档后立即使用新人员列表更新 personTable 排除已删除的文档。有什么方法或关键字可以帮助我解决这个问题吗？