微信小程序支付流程-CSDN博客

本文链接：https://blog.csdn.net/Zgtby/article/details/116903965

该博客详细介绍了在微信小程序中实现支付功能的过程。首先在`onLoad`函数中接收页面参数，然后在`pay`函数中获取openid和金额，调用后台API发起支付请求。当支付成功时，显示成功提示并进行页面跳转；若支付失败或被取消，则显示相应错误信息。此示例涉及微信支付、小程序和后端交互的关键步骤。

摘要由CSDN通过智能技术生成

// pages/pay/index.js
Page({
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
	  
		this.setData({
			paymoney:options.paymoney,
			body:options.body,
		})
  },
   pay: function (e) {
    //获取金额
  
    //获取微信id
    var openid = wx.getStorageSync("openid");
    //下订单并唤起微信支付
	var body = this.data.body
	var paymoney = this.data.paymoney
	var that = this ;
    wx.request({
      url:'https://xxxxxxxxxxxx.com/pay.php',
      data: {
        openid:openid,
        paymoney: paymoney,
		body:body
      },
      method: "POST",
      headers: {
        'Content-Type': 'application/json'
      },
      header: { 'content-type': 'application/json' },
      success: function (res) {
          //客户单发起微信请求
         wx.requestPayment(
           {
            'appId': res.data.appid,
            'timeStamp': res.data.timeStamp,
            'nonceStr': res.data.nonceStr,
            'package': res.data.package,
            'signType': 'MD5',
            'paySign': res.data.paySign,
            'success': function (res) {
						wx.showToast({
							  title: '支付成功',
							  duration: 1200
							})
              console.log('支付成功');
		   	  setTimeout(function(){
				   wx.redirectTo({
						url: '../pay/payok?paymoney='+that.data.paymoney+'&body='+that.data.contents
					})
				},1000);
			  //这里完成跳转
            },
            'fail': function (res) {
				if(res.errMsg=="requestPayment:fail cancel"){
					wx.showToast({
								  title: '支付取消',
								  duration: 1200
					})
				}else{
					  wx.showToast({
								  title: '支付失败',
								  image: '../../images/error.png',
								  duration: 1200
					})
				}
				//支付失败
                console.log(res);
            },
            'complete': function (res) { }
          })
      }
    })
  },
})