如何在使用jQuery重新加載頁面后淡入和淡出成功消息？

Question

我搜索了很多這個主題並得到了很多不同的回答，但是，它們都不適合我。

我有一個表單，當它成功提交后，重新加載頁面。

$('form').on('submit', function(event){
if($('#input').val() == 0){
    alert("Please insert your name");
    event.preventDefault();
  }
}

現在，在每次成功提交時，我希望成功消息在頂部滑動，在那里停留2秒然后淡出。

我試過這個，然而，在頁面重新加載后它不會停留。

else{
     $('.success_message').fadeIn(1500);   
  }

純jQuery有可能嗎？

此外，我不是在尋找重新加載頁面的方法。 提交表單后，頁面會自動重新加載。

Answer 1

提交表單后，在localStorage設置一個值，指示成功消息應淡入：

$('form').on('submit', function(event) {
  if ($('#input').val() == 0){
    alert("Please insert your name");
    event.preventDefault();
  }
  localStorage.fadeInSuccessMessage = "1"
});

然后檢查localStorage是否存在該值。 如果是，則淡入消息並從localStorage刪除值：

if ("fadeInSuccessMessage" in localStorage) {
  $('.success_message').fadeIn(1500);
  delete localStorage.fadeInSuccessMessage;
}