How to show message or alert after page reload?

Question

I am using Jquery Toastr to show some success message. It is just like alert for some time.

I want to show some message after page reload. The problem is when page is reloaded all javascript is reload.

Is there any way to do this? I want to do this after ajax success.

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.            
    }
}

Is there any efficient way to do this?

Answer 1

You have to do like this

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

You can also do it with sessionStorage. Replace localStorage with sessionStorage in current code and whole code works with 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();.

Check Reference for localStorage and sessionStorage use.