微信前端生成二维码支付

最新推荐文章于 2024-08-21 10:51:01 发布

短暂又灿烂的

最新推荐文章于 2024-08-21 10:51:01 发布

阅读量617

点赞数

文章标签：微信 javascript html

本文链接：https://blog.csdn.net/weixin_42232156/article/details/120330295

版权

这段代码展示了如何通过jQuery和qrcode.min.js库生成微信支付二维码，并设置定时器检查支付状态。它首先发送GET请求获取支付二维码数据，然后在页面上显示二维码，并每隔3秒发送POST请求检查支付是否成功，一旦支付成功则跳转到指定页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <script src="jquery-3.4.1.min.js"></script>
    <script src="qrcode.min.js"></script>
<script>
 $.ajax({
        type: 'get',
        url: url,
        dataType: "json",
        success: function (res) {
            layer.close(loading);
            var no = res.no;
            new QRCode(document.getElementById("wx_ewm"),{//对象
                text: decodeURIComponent(res.url),//解码微信支付二维码
                width: 120,//二维码大小
                height: 120,//二维码高
                colorDark : "#000000",
                colorLight : "#ffffff",
                correctLevel : QRCode.CorrectLevel.H//级别
            } );
            var url = "";//回调url
            var data = {'no': no};//订单号
            clearInterval(timer);
            timer = setInterval(function(){
                $.post(url,data,function(res){
                    if(res == 'yes'){
                        parent.location.href = "";//支付成功跳转地址
                    }
                })
            },3000)
        },
        error: function (res) {
            console.log(res)
        }
    });

</script>