前端在H5页面唤起微信支付(H5支付)

前言

提示:以下是本篇文章正文内容,下面案例可供参考

首先了解什么是H5支付,链接地址:

一、在支付页面通过后端接口获取H5支付链接

接下来说下,在过程中遇到的坑!!!

解决方法:

重点 跳转地址需要encodeURIComponent

// 查询支付结果
seachPayResult() {
    let This = this
    if(!localStorage.getItem("outOrderNo")) return
    var orderNo = JSON.parse(localStorage.getItem("outOrderNo"))
    getPayStatus(orderNo).then(res => {
        This.payVisiable = false //弹窗消失
        if(res.status != 1){
            window.location.href = `${this.$_config.URL.unpaid}?orderNo=${orderNo}&code=Y38&channelCode=${this.$route.query.channelCode}`
        } else {
            localStorage.removeItem("outOrderNo")
            window.location.href = `${this.$_config.URL.success}?orderNo=${orderNo}&code=Y38&channelCode=${this.$route.query.channelCode}`
        }
    }).catch(error => {})
}

总结

以上就是今天要分享的内容,仅是自己在开发中所遇到的问题。在此分享给小伙伴,也是给自己做个笔记。谢谢~~

经验分享 程序员 微信小程序 职场和发展