前端支付页面轮询支付状态
本文应用于PC端的微信,支付宝扫码支付思路:当二维码生成后,写一个定时器 不断的去请求支付状态的接口。当支付状态为成功时,清除定时器。修改支付状态,并且跳到支付成功的页面。用的vue框架定时器data(){intervalwx:null}methods:{wechat(){二维码生成接口this.intervalwx = window.setInterval(()=>{setTimeout(
·
本文应用于PC端的微信,支付宝扫码支付
思路:
当二维码生成后,写一个定时器 不断的去请求支付状态的接口。当支付状态为成功时,清除定时器。修改支付状态,并且跳到支付成功的页面。
用的vue框架
定时器
data(){
intervalwx:null
}
methods:{
wechat(){
二维码生成接口
this.intervalwx = window.setInterval(()=>{
setTimeout(this.paySuccess(),0)
},1000);
}
paySuccess(){
//调取支付状态的接口,支付成功返回200
https.fetchGet('paySuccess').then(res=>{
//注意定时器的this指向问题
const that = this;
if(res.data.code == 200){
clearInterval(that.intervalwx)
that.intervalwx = null
}
})
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)