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

如何将JS事件更改为浏览器历史记录

1 个答案: