Проблема: < /p>
[*] Задача формы (данные сохраняются на сервере) < /li>
. /> Ajax Refresh Call, по-видимому, выполняется, но не обновляет представление < /li>
< /ul>
Соответствующая структура кода: < /p>
Код: Выделить всё
submitHandler: function(form) {
const $form = $(form);
const formData = new FormData(form);
$.ajax({
url: $form.attr('action'),
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
if (response.success) {
$('#myModal').modal('hide');
refreshList(); // This executes but doesn't update view
}
}
});
return false;
}
function refreshList() {
$.ajax({
url: '/endpoint',
type: 'GET',
success: function(data) {
$('#contentContainer').html(data);
},
error: function() {
window.location.reload();
}
});
}
< /code>
среда: < /p>
jquery 3.6.0 < /li>
jquery plugin < /li>
bootstrap 5.x < /li>
функции ядра Mvc < /li> < /br /br /> Пробое:
Прямая перезагрузка страницы с window.location.reload ()
[*] Задержка обновления после модальной скрытия
[*] Прописы для проверки сети (они достигают успеха)
. /> Вопрос:
Какой правильный способ обработки обновления страницы после успешного подчинения модальной формы при использовании валидации jquery и ajax? < /p>
Подробнее здесь: https://stackoverflow.com/questions/795 ... modal-form