Hace un tiempo estoy trabajando con JavaScript y jQuery, y queriendo llevar a cabo una funcionalidad bastante sencilla, me he topado con un pequeño problema (relacionado específicamente a las promesas)
Pretendo usar la librería SweetAlert2 para preguntarle al usuario, si está seguro que desea enviar el formulario, existe una pregunta relacionada pero porfavor leerla primero antes de marcar duplicado, ya que las dudas sin distintas.
Estoy utilizando el evento submit
de jQuery, para, con swal2, preguntarle al usuario, lo hago de la siguiente manera:
$('#formulario').on('submit',
() => {
const url = '@Url.Action("ValidarRefrigeracionDeCuba")';
const codigoDelfos = $('#@Html.IdFor(x => x.CodigoDelfos)').val();
$.get(url, { codigoDelfos: codigoDelfos }, (result, status) => {
if(result.Objeto == true)
return Swal.fire({
title: '¡Advertencia!',
text: "¡El transformador no tiene cargada ninguna refrigeración de cuba en Delfos!",
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Continuar de todas formas'
}).then((result) => {
return result.value === true;
});
});
});
Pero el formulario (lógicamente) se envía antes de que se resuelva la promesa.
Intente hacerlo usando async/await, pero no tuve éxito, ya que el formulario, también, siempre se enviaba.
¿Cúal es la solución a esta problemática?