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

804 阅读1分钟
前端小伙伴可以学习一下 商城源码获取 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') {
		//调用接口,获取订单状态
	}
});

注意IE10以下不兼容哦

image.png

最后给各位前端小伙伴推荐一个商城源码Git地址,大家可以相互学习

商城基础版源码获取