使用localstorage缓存参数

最近在用Angular js项目中遇到一个情况:在user页面点击“购买之后”,携带购买ID跳转到“购买页面”,在购买页面购买之后,购买成功了就在user页面显示“已购买”,购买失败了在use页面还是显示“购买”。
所以就需要缓存是“是否购买”的标签,可使用HTML5的localStorage特性,eg:

  1. 在购买页面得到购买ID之后,存入localStorage:
        $scope.appID=“购买ID”;
        $scope.buyThisApp=function () {
            $scope.buy=true;//购买成功标识符
            if(!window.localStorage){
                alert("浏览器不支持localstorage");
            }else{
                localStorage.clear();
                var storage=window.localStorage;
           
                storage.setItem("isBuy",$scope.appID);//将购买ID存入localStorage中的变量isBuy	
                // console.log(storage.data);
            }
  1. 再返回user页面,就需要拿到localStorage中的isBuy参数来判断该ID的应用是否购买:
 $scope.Buy = localStorage.getItem("isBuy");
 //后面就是根据此参数进行逻辑判断

localStorage参考
localStorage、sessionStorage、Cookie的区别与共同点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值