TP5.1 微信扫码支付成功后显示支付成功或者转跳到网页

微信扫码支付成功,官方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>

猜你喜欢

转载自blog.csdn.net/haibo0668/article/details/81330565