如何在页面重新加载后显示消息或提醒?

时间:2016-01-07 05:26:10

标签: javascript jquery ajax

我正在使用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.            
    }
}

有没有有效的方法可以做到这一点?

1 个答案:

答案 0 :(得分:22)

你必须这样做

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

on ajax call set local storage

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();

检查Reference localStorage sessionStorage 使用。