asp.netコアのヘッダーでバッジを処理するベストプラクティスは何ですか？

Question

私は自分の頭に小さなバッジを実装して、ユーザーがカート内のアイテムの数を示しています。

これは私が考えている方法です：ユーザのログイン時にバッジの値を設定してからユーザーが自分のカートに追加/削除したときに増分/減分するだけです。

私はこのように私のインデックスページにjqueryの内の値を設定してみました：

function loadCartBadgeVal(id) { 
$.getJSON(`/Cart/GetCartCount?customerId=${id}`, 
    function (data) { 
     $("#cart-badge").text('' + data); 
    }); 
} 

これは動作しますが、私は別のページにリダイレクトするとき、私のバッジの値は0にリセットされます。..私のバッジを部分図で実装されていますこのように：

<span class="badge badge-info" id="cart-badge"></span> 

Answer 1

あなたはカウントし、どこでもあなたのサイト/アプリのそれを示しカートのアイテムを保存するためにlocalStorageを使用することができます。

次のスニペットは、現在のドメインのローカルStorageオブジェクトにアクセスし、Storage.setItem()を使用してデータ項目を追加します。

localStorage.setItem('cartCount', 1); 

次のようにのlocalStorage項目を読み込むための構文は次のとおりです。

var count= localStorage.getItem("cartCount"); 

次のようにのlocalStorage項目を削除するための構文は次のとおりです。

localStorage.removeItem("cartCount");