You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

关于SweetAlert弹窗重新触发及弹窗显示后执行页面刷新的技术咨询

关于SweetAlert弹窗重新触发及弹窗显示后执行页面刷新的技术咨询

嗨,我懂你遇到的问题了——现在你的代码一运行,页面直接就刷新了,完全看不到SweetAlert的弹窗提示对吧?

这是因为SweetAlert的弹窗是异步执行的,而你写的window.location.reload()是同步运行的代码,它会在弹窗还没来得及渲染显示的时候,就直接触发页面刷新了,所以弹窗根本没机会展示出来。

要解决这个问题,你需要利用SweetAlert的回调机制,等用户和弹窗交互完成(比如点击了“Okay!”按钮)之后,再执行页面刷新操作。修改后的代码如下:

// sweetalert framework
swal({  
    title: "Good job!",
    text: "Profile Update Successfully!",
    icon: "success",
    button: "Okay!",
  }).then(() => {
    // 当用户点击弹窗按钮后再执行刷新
    window.location.reload();
  });

这样调整之后,弹窗会正常显示出来,只有当你点击弹窗上的“Okay!”按钮时,页面才会触发刷新,完美解决你的需求~

备注:内容来源于stack exchange,提问作者udara lakshan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 09:05:31