jQuery Ajax `success:` 后显示成功消息并重新加载答案

【问题标题】：Display Success Message After jQuery Ajax `success:` and reloadjQuery Ajax `success:` 后显示成功消息并重新加载
【发布时间】：2021-04-20 21:04:16
【问题描述】：

我想在成功的 Ajax 调用和页面重新加载后立即显示 Bootstrap 警报消息

success: function(res) {
     window.location.reload();
     $('#success').html('<div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>Row Deleted Successfuly</div>');
},

【问题讨论】：

你重新加载了一个页面，那么它怎么能做剩下的代码呢？首先执行#success，然后在几秒钟后重新加载页面
特鲁曼。那么页面重新加载后还有其他方法可以显示消息吗？比如会话或本地存储？
哦，你想要这样，你可以设置一个cookie，例如用值为“1”的“showmessage”调用它，然后在重新加载后读取cookie值，如果它是“1”然后显示一个消息并将其设置为“0”或删除cookie
但是下面的例子会在成功后执行，所以为什么要麻烦cookie方式:)
你能告诉我下面代码中的cookie方式吗？谢谢你。我希望消息保持原样，让用户有机会阅读并关闭它

标签： javascript jquery ajax datatable

【解决方案1】：

success: function(res) {
//this will display your success message
$('#success').html('<div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>Row Deleted Successfuly</div>');

//then
setTimeout(function(){ window.location.reload(); },5000); //reload a page after 5 seconds

},

【讨论】：

更进一步......你有 5 秒的时间来使用你添加的那些按钮 ;)
我需要先刷新页面，然后显示消息，直到用户点击关闭按钮