localstorageキャッシュパラメータの使用

992 ワード

最近、Angular jsプロジェクトで、userページで「購入後」をクリックすると、購入IDを携帯して「購入ページ」に移動し、購入ページを購入した後、購入に成功するとuserページに「購入済み」が表示され、購入に失敗した場合はuseページに「購入」が表示されます.したがって、「購入するかどうか」というラベルをキャッシュする必要があります.HTML 5のlocalStorageプロパティを使用することができます.eg:
  • 購入ページで購入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);
                }
    
  • userページに戻ると、localStorageのisBuyパラメータを取得して、そのIDのアプリケーションが購入されたかどうかを判断する必要がある:
  •  $scope.Buy = localStorage.getItem("isBuy");
     //               
    

    localStorageリファレンスlocalStorage、sessionStorage、Cookieの違いと共通点