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

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像cookies一样的工作获取数据,直到你使用 localStorage.removeItem(key);或localStorage.clear();

在sessionStorage 它关闭浏览器选项卡或sessionStorage.removeItem(key);或之前保持不变sessionStorage.clear();.

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