js 购物车 关闭页面后 重新打开页面 后 显示关闭页面前的商品数量 怎么做

Question

 $.ajax({ type: "GET", url: getCar, data: { userID: userID1, }, dataType: "JSONP", success: function(data) { if(data == 0) { console.log("没有搜索结果"); } else { console.log(data); for(var i = 0; i < data; i++); var getCarHtml = ''; var length = data.length; for(var i = 0; i < data.length; i++) { var goodsListImg = data[i].goodsListImg; var goodsName = data[i].goodsName; var className = data[i].className; var goodsIDa = data[i].goodsID; var price = data[i].price;// var numbers = data[i].number;// console.log(numbers+"00000000"); getCarHtml += "<li a='" + goodsIDa + "' class='prdListCon-fir'><div class='prdListCon-left'><img class='Img' src='" + goodsListImg + "'/></div><div class='prdListCon-right'><div class='tit1'>" + goodsName + "</div><img class='delete' src='../img/delete.jpg' /><div class='tit2'></div><div class='tit3'>" + className + "</div><div class='tit4'><span>单价 ￥</span><b>" + price + "</b></div><div class='tit5'>数量：</div><div class='tit6 jian'>-</div><div class='tit7'>1</div><div class='tit8 add'>+</div></div></li>" } $('#prdListCon').append(getCarHtml); myScroll = new IScroll('#wrapper', {}); //加的效果 $(".add").on("touchend", function() { var bs = $(this).parent().parent().attr('a'); //console.log(bs); var n = $(this).prev().text(); console.log(n+"nnnnn") var num = parseInt(n) + 1; if(num == 0) { return; } $(this).prev().text(num); add_Or_del(updatecars,userID1,bs,num); totalNum_Mon(); }); //减的效果 $(".jian").on("touchend", function() { var bs = $(this).parent().parent().attr('a'); var n = $(this).next().text(); var num = parseInt(n) - 1; if(num == 0) { return; } $(this).next().text(num); //购物车添加更新函数 add_Or_del(updatecars,userID1,bs,num); totalNum_Mon(); }); $('.delete').on("touchend", function() { var bs = $(this).parent().parent().attr('a'); //console.log(bs); //购物车删除 add_Or_del(updatecars,userID1,bs,0); //删除节点 $(this).parent().parent().remove(); totalNum_Mon(); }); //时时更新商品总数和总价 totalNum_Mon(); function totalNum_Mon(){ var numTop=0,MonTop=0; //取出每类商品的数量 $('.tit7').each(function(){ numTop+=parseInt(this.innerHTML); //console.log(numTop); //取出每类商品数量的单价 var singlePrice=parseInt($('.tit4 b').eq($('.tit7').index($(this))).text()); /*console.log(numTop) console.log(singlePrice)*/ //每类商品的数量乘上单价，让和相加 MonTop+=parseInt(this.innerHTML)*singlePrice;// console.log(MonTop); });// console.log(numTop); $('.shopMes span').html(numTop); $('.shopMes i').html(MonTop); } } } }) } //购物车增加、删减更新函数 function add_Or_del(updatecarUrl,userID,goodsID,nums) { $.ajax({ type: "GET", url: updatecarUrl, data: { userID: userID, goodsID: goodsID, number: nums }, success: function(data) { console.log(data) if(data == 1) { console.log("更新成功"); } else { console.log('更新不成功') } } }) }

Answer 1

可以使用HTML5 LocalStorage 本地存储.