Как я могу вызвать загрузку таблицы, если действие удаления выполняется с помощью кнопки удаления внутри таблицы

Question

У меня есть это окно с панелью, в которой есть форма для добавления или обновления информации о человеке и таблица данных для просмотра информации о человеке. Таблицу данных можно редактировать и удалять как кнопки действий, где нажатие кнопки редактирования отправит данные кортежа в форму, где они могут быть обновлены, а нажатие кнопки удаления приведет к удалению сведений о пользователе.

ниже показан мой код для получения данные из базы данных в таблицу данных, где она вызывается с функцией document.ready

function getData() {
    var datatable;
    $.ajax({
        url: "/Details/GetAllDetails",
        type: "Get",
        datatype: "json",
        success: function(data) {

            datatable = $("#persondatatable").DataTable({
                select: true,
                data: data,
                columnDefs: [{
                    "click": false,
                    "targets": [6],
                    "width": "30%"
                }],
                columns: [{
                    "data": "Id",
                    "visible": false
                }, {
                    "data": "Firstname"
                }, {
                    "data": "LastName"
                }, {
                    "data": "PhoneNo"
                }, {
                    "data": "Email"
                }, {
                    "data": "SSN"
                }, {
                    "data": "Id",
                    "render": function(data) {
                        onBackground: 'none';
                        return '<a class="btn btn-primary" style="margin-left:30px"  onclick="editdetails(event,' + data + ')">Edit</a>   <a class="btn btn-danger" style="margin-left:5px; margin-right:-15x" onclick="deletedetails(event,' + data + ')">Delete</a>'

                    }
                }],

            });
        }
    });
}

Эта функция работает для моих сведений о сохранении и обновлении, но не для моего действия удаления

function deletedetails(e, id) {
            e.stopPropagation();
            $.ajax({
                url: "/Details/Delete",
                data: { id: id },
                dataType: "json",
                type: "POST",
                success: function (data) {
                    swal("Deleted!", "File been deleted.", "success");

                    //var refreshedDataFromTheServer = getDataFromServer();

                    //var myTable = $('#persondatatable').DataTable();
                    //myTable.clear().rows.add(refreshedDataFromTheServer).draw();

                    //$('#persondatatable').DataTable.fnReloadAjax();

                    //getData();

                    //datatable.destroy();

                    //datatable.api().ajax.reload();

                    //$('#persondatatable').DataTable.ajax.reload();
                }
            })
        }

Я использовал каждый часть кода, предоставленная как возможности, но все еще не работающая