首页 > 代码库 > 购物车原理
购物车原理
购物车的原理就是点击加入购物车之后，将商品的一些 信息储存在localStorage；然后在购物车界面获取到 localStorage然后取出他们的值，然后放在页面上展示即可；
其实很简单的，接下来就是 代码展示：
$scope.commit=function (a,a1,b,c,d,e) { $scope.isShow2=false; if(!window.localStorage){ alert("浏览器支持localstorage"); return false; }else{ var obj2 = JSON.parse(localStorage.getItem(‘aaaa‘)); //如果之前错过东西,那么这个obj就不为空,就直接往obj里面添加新的键值对 if(obj2){ //如果当前要存的值已经存过了,只需要加数量就行 if(obj2[a.product_id]){ obj2[a.product_id].num=b; obj2[a.product_id].title=c; obj2[a.product_id].img=a1; obj2[a.product_id].price=d; obj2[a.product_id].color=e; }else{ a.num = 1; obj2[a.product_id] = a; obj2[a.product_id].num=b; obj2[a.product_id].title=c; obj2[a.product_id].img=a1; obj2[a.product_id].price=d; obj2[a.product_id].color=e; } }else{ //如果obj是空的,就证明这是第一次存值,就要新建一个obj obj2 = {}; a.num = 1; obj2[a.product_id] = a; } console.log(obj2); localStorage.setItem(‘aaaa‘,JSON.stringify(obj2)); } }然后在购物车界面的js界面拿到$scope.shopInfo=JSON.parse(localStorage.getItem(‘aaaa‘))值就好了，然后再进行相关的 操作即可！
购物车原理
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。