如何将JS事件更改保存到浏览器历史记录中

Question

我目前正在电子商务网站上。 我有这个js代码，当我按下添加到购物车按钮时。 如果成功添加到购物车，该按钮将变为已添加。 问题是当我按下添加购物车按钮然后访问另一页时，以及当我按下浏览器上的后退按钮时。 该页面在js的click事件发生之前已加载。 因此按钮仍然是“添加到购物车”。 不是“已添加”。 但是当我刷新页面时。 一切正常。

是否可以将事件更改保存到浏览器历史记录中？ 还是有实现这一目标的正确方法？

Answer 1

localStorage和sessionStorage属性允许将键/值对保存在Web浏览器中。

localStorage对象存储没有到期日期的数据。 当浏览器关闭时，数据不会被删除，并且在第二天，每周或每年都可用。

localStorage属性是只读的。

 $(document).ready(function(){
      var Val = localStorage.getItem("AddCartEvent");
      if(Val=="1"){
         $("#AddCart").prop("disabled",true);
         $("#AddCart").html("NO");
      }
      $("#AddCart").on("click",function(){
        var Status=$(this).val();
        if(Status=="0"){
          localStorage.setItem("AddCartEvent","1" );
          $(this).val("0");
          $(this).prop("disabled",true);
        }
        else{
          localStorage.setItem("AddCartEvent","0" );
          $(this).val("1");
          $(this).prop("disabled",false);
        }
      });
    });