Saltar al contenido

¿Cómo redirigir la página después de hacer clic en el botón Aceptar en alerta dulce?

Nuestro equipo de especialistas pasados varios días de trabajo y de recopilar de datos, han obtenido los datos necesarios, deseamos que te sea útil para tu trabajo.

Solución:

Simplemente haga uso de las promesas de JavaScript. Pon el then método después swal función. Nosotros no haga necesita usar funciones de temporizador. Por ejemplo:

swal(
    title: "Wow!",
    text: "Message!",
    type: "success"
).then(function() 
    window.location = "redirectURL";
);

El método de la promesa .then se utiliza para esperar hasta que el usuario lea la información de la ventana modal y decida qué decisión tomar haciendo clic en un botón. Por ejemplo, Yes o No.

Después del clic, Sweet Alert podría redirigir al usuario a otra pantalla, llamar a otra ventana modal de Sweet Alert que contenga una pregunta nueva y posterior, ir a un enlace externo, etc.

Otra vez, no tenemos que usar temporizador porque es mucho mejor controlar la acción del usuario. El usuario podía esperar la eternidad o actuar como un chasquido de dedos de Thanos o Iron Man.

Con el uso de promesas, el código se vuelve más corto, limpio y elegante.

Para especificar una función de devolución de llamada, debe usar un objeto como primer argumento y la función de devolución de llamada como segundo argumento.

echo '';

setTimeout(function ()  
swal(
  title: "Wow!",
  text: "Message!",
  type: "success",
  confirmButtonText: "OK"
,
function(isConfirm)
  if (isConfirm) 
    window.location.href = "//stackoverflow.com";
  
); , 1000);

  
  


O puede usar la función incorporada timeres decir:

swal(
  title: "Success!",
  text: "Redirecting in 2 seconds.",
  type: "success",
  timer: 2000,
  showConfirmButton: false
, function()
      window.location.href = "//stackoverflow.com";
);

  
  

Sección de Reseñas y Valoraciones

Si te apasiona este mundo, tienes la habilidad dejar un tutorial acerca de qué le añadirías a esta noticia.

¡Haz clic para puntuar esta entrada!
(Votos: 3 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *