web-dev-qa-db-ja.com

Sweetalertを使用して[OK]をクリックした後にページをリロードする方法

こんにちは、私はsweetalertを使用するコードを持っています

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

このコードはメッセージをポップアップし、OKボタンがあります。OKボタンをクリックした後でページを更新したいのです。

それをしてもいいですか？

phpjqueryajaxsweetalert
8
Fil

これを試すことができます。

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

吉岡さんの答えはうまくいきませんでした。

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

私は甘い警告2を使用し、これは私のために働きます

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

‘’ ’location.reload（）を使用した回答は、フォームをトリガーして何度も再送信を試行するため、代わりにlocation.hrefを使用する必要があります。

2
Kingston Fortune

これで確認を確認できます：

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

コールバック関数を使用...

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

Sweet Alert 2の場合、これは機能します。

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

ご覧のとおり 移行ガイド

Sweet Alert 2は Promise を使用します

1
Rohit Dhiman

Sweet Alert 2 には、ロジックを実装できるコールバック関数があります。

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