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

다음과 같이 로컬 스토리지 항목을 읽기위한 구문은 다음과 같습니다

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

다음과 같이 로컬 스토리지 항목을 제거하는 구문은 다음과 같습니다

localStorage.removeItem("cartCount");