小程序端支付流程

点点关注不迷路

于 2023-02-15 16:50:14 发布

阅读量83

点赞数

分类专栏：小程序文章标签：小程序前端

本文链接：https://blog.youkuaiyun.com/weixin_51526447/article/details/129046493

版权

小程序专栏收录该内容

8 篇文章

订阅专栏

该代码段展示了在微信小程序中如何调用支付接口进行支付的过程。首先，显示加载提示，然后获取订单信息并发送POST请求到服务器获取支付接口。成功后，隐藏加载提示并调用wx.requestPayment进行支付操作。支付成功则跳转，失败则打印错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  requestPayment(value){
    wx.showLoading({
      mask: true
    });
    console.log(value.currentTarget.dataset.item);
    let item=value.currentTarget.dataset.item
    //从后端获取支付接口
    wx.request({
      url: 'url',
       method:'POST',
       data:{
        id:item.id,//订单编号
      price:item.price,//订单金额
      openid:"openid"//openid
    },
    header: {
     'content-type': 'application/json'
    },
    success:(res)=>{
      wx.hideLoading();//成功获取支付接口，关闭loading弹窗
     wx.requestPayment({
       timeStamp: res.timeStamp,
       nonceStr: res.nonceStr,
       package: res.package,
       signType: 'MD5',
       paySign: res.paySign,
       success (res) { 
         //支付成功跳转
       wx.navigateTo({
         url: 'url',
       })
       },
       fail (res) { 
         console.log("支付失败");
       }
     })
    },
    fail:(err)=>{
     console.log("获取后端支付接口失败");
    }
    })
  },