jquery的cookie实现购物车逻辑（摘抄）

最新推荐文章于 2021-02-16 19:34:29 发布

原创

最新推荐文章于 2021-02-16 19:34:29 发布 · 1.9k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#Jquery #cookie

这篇博客探讨了如何利用jQuery和cookie在前端实现购物车功能，指出购物车不仅可以存储在服务端的redis，也可以利用cookie进行保存。文中提到了实现所需依赖：jQuery-1.12.1.min.js和jquery.cookie.js。

因为之前做购物车做的redis。

购物车不仅仅可以存在服务端的redis中，也可以存在前端的cookie中
别忘记依赖。

jquery-1.12.1.min.js
jquery.cookie.js
这是我用的俩个依赖

//购物车
    var Cart = function () {
        this.Count = 0;
        this.Total = 0;
        this.Items = new Array();
    };
    //购物车集合对象
    var CartItem = function () {
        this.Id = 0;
        this.Name = "";
        this.Count = 0;
        this.Price = 0;
    };
    
//购物车操作
var CartHelper = function () {
    this.cookieName = "{$member_id}_repast_cart";
    this.Clear = function () {
        var cart = new Cart();
        this.Save(cart);
        return cart;
    };

    //向购物车添加
    this.Add = function (id, name, count, price) {
        var cart = this.Read();
        var index = this.Find(id);

        if(count==0){
            this.Del(id);

        }else{
            //如果ID已存在，覆盖数量
            if (index > -1) {
                cart.Total -= (((cart.Items[index].Count * 100) * (cart.Items[index].Price