localstorage 实现购物车

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
utils = {
    setParam : function (name,value){
        var uid = $('#uid').val();
        name = name + '_' + uid;
        //console.log("set_" + name);
        localStorage.setItem(name,value);
    },
    getParam : function(name){
        var uid = $('#uid').val();
        name = name + '_' + uid;
        //console.log("get_" + name);
        return localStorage.getItem(name);
    }
};
 
product={
    id:0,
    name:"",
    num:0,
    vipprice:0.00,
    saleprice:0.00,
    imgurl:""
};
orderdetail={
    username:"",
    phone:"",
    address:"",
    zipcode:"",
    totalNumber:0,
    totalAmount:0.00
};
cart = {
    //向购物车中添加商品
    addproduct: function (product) {
        var ShoppingCart = utils.getParam("ShoppingCart");
        if (ShoppingCart == null || ShoppingCart == "") {
            //第一次加入商品
            var jsonstr = { "productlist": [{ "id": product.id, "name": product.name, "imgurl":product.imgurl, "num": product.num, "vipprice": product.vipprice, "saleprice": product.saleprice}], "totalNumber": product.num, "totalAmount": (product.vipprice * product.num) };
            utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));
        } else {
            var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
            var productlist = jsonstr.productlist;
            var result = false;
            //查找购物车中是否有该商品
            for (var i in productlist) {
                if (productlist[i] != null){
                    if (productlist[i].id == product.id) {
                        productlist[i].num = parseInt(productlist[i].num) + parseInt(product.num);
                        result = true;
                    }
                }
            }
            //没有该商品就直接加进去
            if (!result) {
                productlist.push({ "id": product.id, "name": product.name,"imgurl": product.imgurl, "num": product.num, "vipprice": product.vipprice, "saleprice": product.saleprice });
            }
            //重新计算总价
            jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + parseInt(product.num);
            jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + (parseInt(product.num) * parseFloat(product.vipprice));
            orderdetail.totalNumber = jsonstr.totalNumber;
            orderdetail.totalAmount = jsonstr.totalAmount;
            //保存购物车
            utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));
        }
    },
    //修改购买商品数量
    updateproductnum: function (id, num) {
        var ShoppingCart = utils.getParam("ShoppingCart");
        var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
        var productlist = jsonstr.productlist;
 
        for (var i in productlist) {
            if (productlist[i].id == id) {
                jsonstr.totalNumber = parseInt(jsonstr.totalNumber) + (parseInt(num) - parseInt(productlist[i].num));
                jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) + ((parseInt(num) * parseFloat(productlist[i].vipprice)) - parseInt(productlist[i].num) * parseFloat(productlist[i].vipprice));
                productlist[i].num = parseInt(num);
                orderdetail.totalNumber = jsonstr.totalNumber;
                orderdetail.totalAmount = jsonstr.totalAmount;
                utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));
                return;
            }
        }
    },
    //获取购物车中的所有商品
    getproductlist: function () {
        var ShoppingCart = utils.getParam("ShoppingCart");
        console.log(ShoppingCart);
        if(ShoppingCart){
            var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));//如果购物车没有商品会报错;??????但照样可以用;
            var productlist = jsonstr.productlist;
            orderdetail.totalNumber = jsonstr.totalNumber;
            orderdetail.totalAmount = jsonstr.totalAmount;
            return productlist;
        }else{
            return;
        }
    },
    //判断购物车中是否存在商品
    existproduct: function (id) {
        var result = false;
        var ShoppingCart = utils.getParam("ShoppingCart");
        if (ShoppingCart != null) {
            var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
            var productlist = jsonstr.productlist;
            for (var i in productlist) {
                if (productlist[i].id == id) {
                    result = true;
                }
            }
        }
        return result;
    },
    //删除购物车中商品
    deleteproduct: function (id) {
        var ShoppingCart = utils.getParam("ShoppingCart");
        var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
        var productlist = jsonstr.productlist;
        var list = [];
        for (var i in productlist) {
            if (productlist[i]){
                if (productlist[i].id == id) {
                    jsonstr.totalNumber = parseInt(jsonstr.totalNumber) - parseInt(productlist[i].num);
                    jsonstr.totalAmount = parseFloat(jsonstr.totalAmount) - parseInt(productlist[i].num) * parseFloat(productlist[i].vipprice);
                } else {
                    if(productlist[i].id){
                        list.push(productlist[i]);
                    }
                }
            }
        }
        jsonstr.productlist = list;
        orderdetail.totalNumber = jsonstr.totalNumber;
        orderdetail.totalAmount = jsonstr.totalAmount;
        utils.setParam("ShoppingCart", "'" + JSON.stringify(jsonstr));
    },
    //获取购物车中商品数量
    getproducttotalnum: function () {
        var ShoppingCart = utils.getParam("ShoppingCart");
        if (ShoppingCart){
            var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
            var productlist = jsonstr.productlist;
            return jsonstr.totalNumber;
        }else{
            return 0;
        }
    },
    //获取购物车中商品总价
    getproducttotalAmount: function () {
        var ShoppingCart = utils.getParam("ShoppingCart");
        if (ShoppingCart){
            var jsonstr = JSON.parse(ShoppingCart.substr(1, ShoppingCart.length));
            // var productlist = jsonstr.productlist;
            return jsonstr.totalAmount;
        }else{
            return 0;
        }
    },
 
 
    //清除购物车某商品
    clearshoppingcar: function (){
        localStorage.clear();
    }
};<br><br><br><br><br>调用方法：cart.clearshoppingcar();　　//备注：在ajax中也可以执行该方法； 但在shoppingcar.js  中却不好封装ajax方法；<br>

　　

posted @   盘思动  阅读(2150)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）
点击右上角即可分享
微信分享提示