如何使用sweetalert点击确定后重新加载页面

时间:2016-03-30 06:05:58

标签: php jquery ajax sweetalert

你好我有一个使用sweetalert的代码

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

这段代码会弹出一条消息,并且有一个按钮没关系,我喜欢做的是我想在点击okay按钮后刷新页面。

我能这样做吗?

10 个答案:

答案 0 :(得分:16)

你可以尝试这个,它对我有用..

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

答案 1 :(得分:13)

吉冈的答案对我不起作用,我做到了这一点并且完美无缺:

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

答案 2 :(得分:2)

您可以通过以下方法确认:

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
  }
});

答案 3 :(得分:2)

使用回调函数...

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

答案 4 :(得分:1)

对于Sweet Alert 2,这将起作用。

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

您会看到migration guide

Sweet Alert 2使用Promise

答案 5 :(得分:1)

您可以找到参考SweetAlert2

myAppNamespace

答案 6 :(得分:0)

我使用了甜蜜警报2,这对我有用

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

‘’’ 使用location.reload()的答案将触发您的表单尝试一次又一次地重新提交,这就是为什么您应该改用location.href的原因。

答案 7 :(得分:0)

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
   }

})

答案 8 :(得分:0)

swal({
   title: "Process Completed",
   text: "Data Recorded successfully",
   buttons: true
}).then(function(){
   location.reload();
});

答案 9 :(得分:0)

我用这个解决了:

swal({title: "Updated!", text: "yourText", type: "success"},function() {
                                location.reload();
     }) // swal end 

另一种方式:

swal("Updated!","yourText","success",function() {
     location.reload();
}) // swal end