小程序商品加入购物车

小程序商品加入购物车


[基础用法]

功能:用于小程序的商品加入购物车

用法:

第一步:在config.js文件中找到config设置

第二步:搜索一下shop_add_cart这个接口是否已经存在定义(有的小程序模板已经定义),如果没有定义的话,在里面的底部新增以下代码

            shopAddCartUrl: getApiUrl('shop_add_cart')

        并复制红色部分待用,如果已经存在,则直接复制使用即可

第三步:接口调用请求,如果定义名称不同,使用第二步复制的内容替换红框内选中的部分

商品加入购物车.png

提供参考的实例代码:

    /**
     * 加入购物车(addCart) && 立即购买(buyNow) && 确认规格选择(specType)
     * 接收参数
     * 无需接收参数,从页面数据中取值
     * 接口传参
     * product_id:购买的商品ID
     * product_num:购买的商品数量
     * spec_value_id:购买的商品规格ID
     */
    onConfirmSubmit() {
        let _this = this;
        let detail = _this.data.detail;
        // 提交数据
        let postData = {
            product_id: detail.aid,
            product_num: _this.data.product_num,
            spec_value_id: detail.spec_value_id ? detail.spec_value_id : 0
        };
        // 提交类型
        let submitType = _this.data.buttonType;
        // 加入购物车
        if ('addCart' == submitType{
            App._requestPost(_this, App.globalData.config.shopAddCartUrl, postData,
                function(res) {
                    _this.setData({
                        showBottomPopup: !_this.data.showBottomPopup,
                        cart_total_num: res.data.cart_total_num
                    });
                    App.showSuccess('已添加至购物车');
                },
                function(res) {
                    App.showError(res.msg);
                }
            );
        }
        // 立即购买
        else if ('buyNow' == submitType{
            App._requestPost(_this, App.globalData.config.shopBuyNowUrl, postData,
                function(res) {
                    wx.redirectTo({ url: res.url });
                },
                function(res) {
                    App.showError(res.msg);
                }
            );
        }
        // 确认规格选择
        else if ('specType' == submitType{
            _this.setData({
                showBottomPopup: !_this.data.showBottomPopup
            })
        }
    },


文档最后更新时间:2023-02-28 18:22:19

文档
目录

深色
模式

切换
宽度