微信支付回调页面html,微信小程序充值页面及小程序支付后回调如何实现

微信小程序的充值流程与 H5 或 公众号大致差不多，这里简单说一下前端在充值时候的一些操作流程。

用户在小程序中发起充值请求时，一般会先请求自己的服务器，将充值的参数发送给后端，然后后端会去请求微信充值，得到微信返回的统一下单的参数再返回给前端。前端调用

wx.requestPayment API 即可唤起微信小程序的支付页面，此时用户输入正确的支付密码即可支付成功。具体流程如下：

1. 比如说页面上有一个充值按钮，点击充值按钮时可以获取到用户请求充值的参数。

wx.request({

url: "后端的充值接口",

method: "POST",

dataType: "json",

header: {

'content-type': 'application/x-www-form-urlencoded'

},

data: {

amount: amount, // 充值金额

token: token,

openId: openId

},

success: function (res) {

if (res.data.code == '1') {

that.setData({

payParams: res.data.data // 后端从微信得到的统一下单的参数

})

that.xcxPay(); // 拿到统一下单的参数后唤起微信支付页面

}

}

})