Javascript 如何在使用jQuery重新加载页面后淡入淡出成功消息？

我搜索了很多这个话题，得到了很多不同的回答，但是，没有一个适合我

我有一个表单，当它成功提交时，会重新加载页面

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

现在，在每次成功提交时，我希望在顶部滑动一条成功消息，停留2秒钟，然后淡出

我尝试过这个，但是，在重新加载页面后，它不会保持不变

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

这在纯jQuery中可能吗

---

此外，我不是在寻找一种方法来重新加载页面。提交表单后，页面将自动重新加载。

提交表单后，在

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

---

如果不通过Ajax发送表单，则必须使用后端语言打印成功消息。是的，但是，这不起作用，我不能使用后端语言的成功消息OK，但是，我在这里看到了很多