微信扫码支付成功,官方DEMO是不会转跳的,支付成功后,还是显示那个二维码
需要增加支付成功跳转到其它网页或者显示支付成功的信息
原理:官方微信扫码支付模式二,是返回一个二维码图片网址
把这个二维码图片代码用弹出窗口的试来显示
二维码怎么出现请参考:
https://blog.csdn.net/haibo0668/article/details/81203930
https://blog.csdn.net/haibo0668/article/details/81215729
代码:
$payImage = "<!doctype html><html><head><meta charset='utf-8'><title>微信PC扫码支付</title></head><body><img id='cimg' alt='扫码支付' src='/pay/index/qrcodeUrl?data={$url}' style='width:{$width}px;height:{$height}px;'/><input type='hidden' value='{$params['out_trade_no']}' id='out_trade_no'>";
模板代码:
扫描二维码关注公众号,回复:
2533102 查看本文章
<link rel='stylesheet' href='__STATIC__/layui/css/layui.css' media='all'>
<script src='__STATIC__/layui/layui.js'></script>
<script>
layui.use(['jquery','layer'], function(){
var $= layui.$;
var out_trade_no= $("#out_trade_no").val();
//console.log(out_trade_no);
//隔3秒钟 查询订单结果一次
var siv = setInterval(function(){
$.ajax({
type:"post",
//method:'post',
dataType:'json',
url:"{:url('checkOrderStatus')}",
data:{number:out_trade_no},
success:function(data){
console.log(data);
if(data.isPay == 1){
$("#cimg").remove();
$("body").append('<div style="font-size: 36px;text-align: center;color: #5FB878;"><i class="layui-icon layui-icon-ok-circle" style="font-size: 36px; color:#5FB878;"></i>支付成功</div>')
clearInterval(siv); //成功后,停止扫描咨询
}
}
})
},3000)
})
</script>
</body>
</html>