У меня простое приложение 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 будет обновлен новым списком сотрудников, за исключением удаленного документа сразу после его удаления.Есть ли какой-либо метод или ключевое слово может помочь мне решить эту проблему?