易优API接口:小程序商品立即购买

易优教程 0 来源:老K模板网 收藏

小程序商品立即购买


[基础用法]

功能:用于小程序的商品立即购买

用法:

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

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

            shopBuyNowUrl: getApiUrl('shop_buy_now')

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

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

商品立即购买.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
            })
        }
    },



免责声明:1.凡本站注明“来源:XXX(非老K模板网)”的作品,均转载自其它媒体,所载的文章、图片、音频视频文件等资料的版权归版权所有人所有,如有侵权,请联系laokcms#126.com处理;2.凡本站转载内容仅代表作者本人观点,与老K模板网无关。
0 条评论

网友留言