小程序商品加入购物车

小程序商品加入购物车


[基础用法]

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

用法:

第一步:在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 ;
letdetail=_this . data . detail ;
// 提交数据
letpostData={
            product_id:detail . aid ,
            product_num:_this . data . product_num ,
            spec_value_id:detail . spec_value_id?detail . spec_value_id:0
};
// 提交类型
letsubmitType=_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);
}
            );
}
// 立即购买
elseif (' buyNow '==submitType){
App . _requestPost(_this ,App . globalData . config . shopBuyNowUrl ,postData ,
function ( res ){
wx . redirectTo({ url:res . url});
},
function ( res ){
App . showError(res . msg);
}
            );
}
// 确认规格选择
elseif (' specType '==submitType){
_this . setData({
                showBottomPopup:! _this . data . showBottomPopup
})
}
},


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

文档
目录

深色
模式

切换
宽度