小程序商品下单支付

用于小程序的商品下单支付操作

使用步骤

第一步：配置接口地址

在 config.js 文件中找到 config 设置

第二步：检查接口定义

搜索 shop_order_pay 接口是否已经存在定义（有的小程序模板已经定义）

如果没有定义，在 config 底部新增以下代码：

shopOrderPayUrl: getApiUrl('shop_order_pay'并复制红色部分待用。如果已经存在，则直接复制使用即可。

第三步：接口调用请求

如果定义名称不同，使用第二步复制的内容替换红框部分

/**
 * 订单提交
 * 接收参数
 * 无需接收参数，从页面数据中取值
 * 接口传参
 * addr_id：收货地址ID
 * prom_type：商品类型(虚拟、实物)
 * pay_type：支付类型(微信、会员余额)
 * remark：订单备注
 * coupon_id：优惠券ID
 * querystr：订单数据密钥字符串
 */
onSubmitOrder() {
    let _this = this;
    // 防止重复提交订单
    if (_this.data.disabled) return false;
    // 验证是否需要添加收货地址
    let prom_type = _this.data.prom_type;
    let addr_id = _this.data.address.addr_id || 0;
    if (0 == addr_id && 0 == prom_type) {
        App.showError('请添加收货地址', function() {
            _this.onSelectAddress();
        });
        return false;
    }
    // 接口传参
    let postData = {
        addr_id: addr_id,
        prom_type: prom_type,
        pay_type: _this.data.curPayType,
        remark: _this.data.remark || '',
        coupon_id: _this.data.selectCouponId,
        querystr: _this.data.options.querystr,
    };
    // 秒杀商品参数
    if (_this.data.product_data[0].active_time_id) {
        postData.order_source = '20';
        postData.order_source_id = _this.data.product_data[0].active_time_id;
    }
    App._requestPost(_this, App.globalData.config.shopOrderPayUrl, postData,
        function (res) {
            let order_id = res.data.OrderData.order_id;
            let order_code = res.data.OrderData.order_code;
            _this.setData({ order_id, order_code });
            if (_this.data.curPayType == 1) {
                // 微信支付
                if (res.data.WeChatPay.return_code == 'FAIL') {
                    App.showError(res.data.WeChatPay.return_msg);
                    return false;
                }
                App.wxPayment({
                    order_id: order_id,
                    payment: res.data.WeChatPay,
                    success: res1 => {
                        _this._orderPayDealWith();
                    },
                    fail: res1 => {
                        if (!res.msg.error) App.showError(res.msg.error);
                    },
                });
            } else if (_this.data.curPayType == 2) {
                // 余额支付
                App.showSuccess(res.msg, () => {
                    _this.redirectToOrderIndex();
                });
            }
        },
        function (res) {
            App.showError(res.msg);
        }
    );
},

接口传值

addr_id：收货地址ID，实物商品必传

prom_type：商品类型（0实物、1虚拟），必传

pay_type：支付类型（1微信、2余额），必传

remark：订单备注，选填

coupon_id：优惠券ID，选填

querystr：订单数据密钥字符串，必传

文档最后更新时间：2026-01-13 15:00:08

← 小程序商品下单展示小程序订单支付处理 →