H5微信支付返回页面不刷新解决办法

作者: 浮云都想对你说 | 来源:发表于2021-03-25 16:23 被阅读0次

H5微信支付返回页面不刷新解决办法
iOS H5微信支付总结
iOS-H5微信支付问题总结（WKWebView篇）
使用UIWebView中遇到的问题
解决方案：公众号h5页面开发时微信自带返回按钮，不刷新问题。
iOS开发-微信支付宝H5支付跳转原生APP的问题
微信支付
App嵌入H5页面创建webView注入的JsBridge失效
支付宝微信H5支付无法返回APP解决方案
支付如何调取第三方的sdk--收银台页面描述

前端小伙伴可以学习一下源码获取 http://github.crmeb.net/u/hang

在H5调用微信支付过程中，肯定都回遇到返回订单页面单页面不刷新的情况，所以我就想，能不能在跳转微信后，在返回页面的时候监听visibilitychange变化，调用方法

visibilitychange

当其选项卡的内容变得可见或被隐藏时，会在文档上触发 visibilitychange (能见度更改)事件

document.addEventListener('visibilitychange', (e) => {
    console.log(document.visibilityState);
    let state = document.visibilityState
    if (state == 'hidden') {
        console.log('用户离开了');
    }
    if (state == 'visible') {
        //调用接口,获取订单状态
    }
});