2016-01-07 29 views
8

私はJquery Toastrを使用していくつかの成功メッセージを表示しています。それはしばらくの間、警戒のようです。ページのリロード後にメッセージやアラートを表示するにはどうすればよいですか?

ページのリロード後にメッセージを表示したいとします。 問題は、すべてのページが再読み込みされるときに表示されます。

これを行う方法はありますか?私は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.    
    } 
} 

効率的な方法はありますか?

+0

あなたは 'localStorage'でステータスを維持する必要があります。それが成功状態になり、次にトーストを表示するなら、 'localStorage'からステータスを取得します。 –

+0

うん。私もそれについて考えています。しかし、これを行うjqueryまたはJavaScriptのイベントがありますか? – Umer

+1

'localstorage'を参照して設定値を取得し、問題に直面している場合はここに書きます。 –

答えて

16

あなたはsessionStorageでそれをも行うことができますローカルストレージ

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

を設定AJAX呼び出しにこの

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

ようにしなければなりません。現在のコードでlocalStoragesessionStorageに置き換えると、コード全体がsessionStorageで機能します。あなたが localStorage.removeItem(key);またはlocalStorage.clear();

を使用するまで、クッキーなどのlocalStorage作品で

sessionStorage上のデータを取得し、それはあなたの近くにブラウザタブまたはsessionStorage.removeItem(key);またはsessionStorage.clear();まで残っています。 のlocalStorageのsessionStorage使用する

チェックReference

+0

答えをありがとう。 – Umer

+1

@Umerはこれを好きです。 –

+0

@ParthTrivedi私はthis.Itを試してみました。しかし、実際に私はこの問題を知りたいと思っています。ジャバスクリプトやjqueryのリロード遅延イベントのイベントがあります。私は自分の答えを得ました。あなたの返信をもう一度お寄せください。 – Umer

関連する問題