有没有办法在 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 排除已删除的文档。有什么方法或关键字可以帮助我解决这个问题吗？