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

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。

On localStorage works like cookies get data until you use localStorage.removeItem(key); or localStorage.clear();

On sessionStorage it remains till you close browser tab or sessionStorage.removeItem(key); or sessionStorage.clear();.

检查 Reference供 localStorage 和 sessionStorage 使用。