小程序 支付函数二次封装

微信小程序支付函数wx.requestPayment(Object object) | 微信开放文档 (qq.com)

每次调用都需要写一遍

wx.requestPayment({
  timeStamp: '',
  nonceStr: '',
  package: '',
  signType: 'MD5',
  paySign: '',
  success (res) { },
  fail (res) { }
})

为了省事,将wx.requestPayment()进行了二次封装。

1.在utils文件夹(并非一定要在utils文件夹)下新建pay.js(可自定义文件名)文件

2.pay.js文件

const pay=(data, successData,errorData) => {
    wx.requestPayment({
      timeStamp: data.timeStamp,
      nonceStr: data.nonceStr,
      package: data.packageValue,
      signType: data.signType,
      paySign: data.paySign,
      success (res) {
        wx.showToast({
          title: "支付成功",
          icon: 'none',
          duration: 2000,
        }) 
        successData(data)     
       },
      fail (res) { 
        wx.showToast({
          title: "支付失败",
          icon: 'none',
          duration: 2000,
        })
        errorData(data)
      }
    })
}

//导出
module.exports = {
	pay: pay,
}

3.调用

//引入
const payment= require('@/utils/pay.js');

//使用
pay(data){
    payment.pay(data, res => {
          //这里是支付成功的回调
      },err=>{
          //这里是支付失败的回调函数
      })
}

链接:https://blog.csdn.net/m0_37938910/article/details/81092073

猜你喜欢

转载自blog.csdn.net/kxmzl/article/details/131250039