web-dev-qa-db-fra.com

Comment recharger une page après avoir cliqué sur OK en utilisant sweetalert

Bonjour j'ai un code utilisant sweetalert

swal("Good job!", "You clicked the button!", "success")

ce code affichera un message et aura un bouton ok, ce que j'aime faire, c'est que je veux rafraîchir la page après avoir cliqué sur le bouton ok.

Puis-je faire cela?

8
Fil

Vous pouvez essayer cela, son travail pour moi ..

swal({title: "Good job", text: "You clicked the button!", type: "success"},
   function(){ 
       location.reload();
   }
);
21
Yoshioka

La réponse de Yoshioka n'a pas fonctionné pour moi, je l'ai fait et cela a parfaitement fonctionné:

swal({title: "Good job", text: "You clicked the button!", type: 
"success"}).then(function(){ 
   location.reload();
   }
);
17
Leo C

J'utilise sweet alert 2 et cela fonctionne pour moi

swal("Good job!", "You clicked the button!","success").then( () => {
    location.href = 'somepage.html'
})

‘’ ’Les réponses utilisant location.reload () vont déclencher votre formulaire pour tenter de soumettre à nouveau encore et encore, c’est pourquoi vous devriez utiliser location.href à la place.

2
Kingston Fortune

Vous pouvez vérifier confirmer par ceci:

swal({
  title: "Good job",
  text: "You clicked the button!",
  icon: "success",
  buttons: [
    'NO',
    'YES'
  ],
}).then(function(isConfirm) {
  if (isConfirm) {
    location.reload();
  } else {
    //if no clicked => do something else
  }
});
2
Rohallah Hatami

Utilisez la fonction de rappel ...

Swal.fire({
  // Swal Setting's
}).then((result) => {
  // Reload the Page
  location.reload();
});
2
Jan Heil

Pour Sweet Alert 2, cela fonctionnera.

swal("Good job!", "You clicked the button!", "success").then(function(){
    location.reload();
});

Comme vous pouvez le voir guide de migration

Sweet Alert 2 utilise Promise

1
Rohit Dhiman

Dans Sweet Alert 2 , il existe une fonction de rappel où vous pouvez implémenter votre logique:

Swal.fire({
  title: 'Great job',
  text: "You clicked the button!",
  type: 'success',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes'
}).then((result) => {
   if(result){
     // Do Stuff here for success
     location.reload();
   }else{
    // something other stuff
   }

})
0
Rahul Gupta