When this code runs, this alert is not displayed when the page reloads. I want to make the page reload after the alert appears.

// sweetalert framework
swal({  
    title: "Good job!",
    text: "Profile Update Successfully!",
    icon: "success",
    button: "Okay!",
  });
window.location.reload();

When this code runs, this alert is not displayed when the page reloads. I want to make the page reload after the alert appears.

// sweetalert framework
swal({  
    title: "Good job!",
    text: "Profile Update Successfully!",
    icon: "success",
    button: "Okay!",
  });
window.location.reload();

• javascript
• alert

• sweetalert.js.org/guides/#using-promises – Teemu Commented 2 days ago

2 Answers 2

As far as i can get your question, you want the alert to show and then on confirmation you want the page to reload. For that you can simply follow the steps as mentioned here

You can update your code like

swal({  
    title: "Good job!",
    text: "Profile Update Successfully!",
    icon: "success",
    button: "Okay!",
}).then(confirm => {
     if (confirm) window.location.reload();
});

You can use Timeout.

              swal({  
                title: "Good job!",
                text: "Profile Update Successfully!",
                icon: "success",
                button: "Okay!",
              });
              setTimeout(function(){window.location.reload();},2000); /* auto reload after 2sec */