如何在页面重新加载后显示消息或警报？

Question

我正在使用Jquery Toastr来显示一些成功消息。 它就像警报一段时间。

我想在页面重新加载后显示一些消息。 问题是当页面重新加载时所有的javascript都重新加载。

有没有办法做到这一点？ 我想在ajax成功之后做到这一点。

success: function(data) {
    if (data.OperationStatus) {
        window.location.reload(); //Reload the page
        Toaster.show("The record is added"); //I want to show here.But it will never show because when page is loaded javascript is also loaded.            
    }
}

有没有有效的方法来做到这一点？

Answer 1

你必须这样做

$(document).ready(function(){
    //get it if Status key found
    if(localStorage.getItem("Status"))
    {
        Toaster.show("The record is added");
        localStorage.clear();
    }
});

在ajax调用设置本地存储

success: function(data) {
if (data.OperationStatus) {
    localStorage.setItem("Status",data.OperationStatus)
    window.location.reload(); 
}

您也可以使用sessionStorage 。 在当前代码中将localStorage替换为sessionStorage ，整个代码与sessionStorage 。

在localStorage工作就像cookie一样获取数据，直到你使用localStorage.removeItem(key); 或localStorage.clear();

在sessionStorage它一直保持到关闭浏览器选项卡或sessionStorage.removeItem(key); 或sessionStorage.clear(); 。

检查参考是否存在localStorage和sessionStorage 。