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

微信扫码支付成功，官方DEMO是不会转跳的，支付成功后，还是显示那个二维码

需要增加支付成功跳转到其它网页或者显示支付成功的信息

原理：官方微信扫码支付模式二，是返回一个二维码图片网址

把这个二维码图片代码用弹出窗口的试来显示

二维码怎么出现请参考：

https://blog.csdn.net/haibo0668/article/details/81203930
<https://blog.csdn.net/haibo0668/article/details/81203930>

https://blog.csdn.net/haibo0668/article/details/81215729
<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'>";
模板代码：
<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>

热门工具换一换