在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.setItem()向其添加数据项。

localStorage.setItem('cartCount', 1);

读取localStorage项的语法如下：

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

删除localStorage项的语法如下：

localStorage.removeItem("cartCount");