调用支付宝或微信支付前端处理
博客专区 > james_lz 的博客 > 博客详情
调用支付宝或微信支付前端处理
james_lz 发表于3个月前
调用支付宝或微信支付前端处理
  • 发表于 3个月前
  • 阅读 40
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 请求支付宝支付 返回一个跳转地址 微信返回一个二维码图片地址

  



var scan_loop = function(order_id) {
        $.getJSON('recharge/status/' + order_id, {}, function (data) {
            if (data['succ']) {
                layer.msg("{% trans 'Recharge success' %}", function(){window.location.href="/wallet_flow_1";});
            } else if (data['stop']) {
                layer.msg("{% trans 'Recharge failure' %}", function(){window.location.reload();});
            }
        });
    };

        var scan_loop_timing;
        function submitForm(data) {
           layer.load(1);
            $.ajax({
                'type': "POST",
                'url': '/recharge/submit',
                'data': data,
                'error': function () {
                    layer.closeAll()
                },
                success: function (result) {
                    if (result.succ) {
                        if (method == 4) {
                            layer.load(1);
                            $("#success_image").attr('src', result['message']);
                            $("#desc-" + method).show();
                            layer.open({
                                type: 1,
                                title: "{% trans 'Scan code payment' %}",
                                content: $('#js-alipay-weixin'),
                                area: ['450px', 'auto'],
                                success: function () {
                                    var order_number = result['order_number'];
                                    if (!utils.isEmpty(order_number)) {
                                        scan_loop_timing = setInterval(function () {
                                            scan_loop(order_number);
                                        }, 5000);
                                    }
                                },
                                end: function () {
                                    $("#success_image").removeAttr('src');
                                    $("#desc-" + method).hide();
                                    clearInterval(scan_loop_timing);
                                }
                            });
                        } else {
                            window.location.href = result['message'];
                        }
                    } else {
                        layer.msg(result.message);
                        layer.closeAll()
                    }
                }
            });
        }


//window 
<div id="js-alipay-weixin" class="pop unpack-result">
    <div class="img ele-nail">
        <img id="success_image" src="" alt="">
    </div>
    <p id="desc-4" style="display: none">{% trans 'Please use WeChat scan QR code to pay' %}</p>
    <p id="desc-1" style="display: none">{% trans 'Please use Alipay scan QR code to pay' %}</p>

</div>

 

标签: jQuery
共有 人打赏支持
粉丝 11
博文 140
码字总数 48432
×
james_lz
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: