前言:h5支付调用微信支付(第三方)
点击支付按钮需要后端同事返回“mweb_url”字段调通支付功能(这个就得看后端同事的技术啦~~~)
当拿到“mweb_url”字段之后,就可以跳转第三方微信支付啦
bug:调起支付支付,用户取消支付/支付成功都会回到下单页,所以需要加“redirect_url”
“redirect_url”:成功/失败跳转的页面,且需要编码(encodeURIComponent)
let origin = window.location.origin + '/GroupBook' + window.location.search + '&id_order=' + this.order_id
window.location.replace(this.mweb_url + '&redirect_url=' + encodeURIComponent(origin))
所以:支付成功/失败在返回页做个判断(需要跟后端同事配合)用该订单号判断是否支付,支付成功跳转“支付成功页面”;失败则返回“失败页面”
总结:调起微信支付后,用上面两行代码就能完成啦^_^