文档章节

调用支付宝或微信支付前端处理

猿神出窍
 猿神出窍
发布于 2017/09/06 18:00
字数 207
阅读 51
收藏 1

  



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>

 

© 著作权归作者所有

共有 人打赏支持
猿神出窍
粉丝 17
博文 181
码字总数 66654
作品 0
沙坪坝
项目经理
私信 提问
微信和支付宝支付模式详解及实现二

  继上篇《微信和支付宝支付模式详解及实现》到现在已经有半年时间了,这期间不少朋友在公号留言支付相关的问题,最近正好也在处理公司支付相关的对接,打算写这篇来做一个更进一步的介绍,...

KevinWG
2017/10/29
0
2
web开发中的支付宝支付和微信支付

支付宝支付分为支付宝app内的网页支付和app外(即普通浏览器)网页支付, 同样微信支付也分为微信app内的支付(在这里叫公众号支付)和app外的支付(微信H5支付) 还有一种微信公众号的支付宝支付 ...

唯有时光_f2e9
07/20
0
0
几种主流支付方式详解

几种主流支付方式详解 *** 1. 微信支付 和 支付宝支付 废话不多说, 下图是微信支付官方的支付流程图: 微信支付的官方Demo就不吐槽了, 但是不可否认, 这个流程图画的还是相当不错的, 非常的详...

hell03W
2016/02/24
444
0
支付宝支付之扫码支付(电脑网站支付)、H5支付(手机网站支付)相关业务流程分析总结

前言 在上一篇文章《微信支付之扫码支付、公众号支付、H5支付、小程序支付相关业务流程分析总结》中,分析和总结了微信支付相关支付类型的业务流程,这里作为与微信支付平起平坐不相伯仲的支...

龙行天涯
08/22
0
0
WebView H5 跳转微信支付、支付宝、QQ钱包WAP

最新小菜在用研究借助 WebView h5 跳转 微信和支付宝支付页面,研究了挺久,一直没有找到合适的判断。很简单的两小段代码分享一下,希望可以帮助需要的朋友。 目前小菜是借助的 TBS X5 浏览器...

阿策神奇
2017/09/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

混合模型---logistic模型的混合

专家混合

中国龙-扬科
7分钟前
1
0
自定义参数校验注解 (实现ConstraintValidator方法)

Hibernate Validator常用注解(图网上找的) 2.自定义校验器 a.注解类 @Target({FIELD, METHOD, PARAMETER, ANNOTATION_TYPE})@Retention(RUNTIME)@Documented@Constraint(validatedB......

INSISTQIAO
10分钟前
1
0
Integer 实现

Integer 封装类型,参数传递传的是值,不是引用 内带缓存,-128 到127 -128 到127 直接数值 IntegerCache 如果不在这个范围,才会new Integer () public static Integer valueOf(int ...

Java搬砖工程师
11分钟前
1
0
数字IT基础-数据采集总线

数字化运营基础 在如今“双十一”不再是线上活动的代名词,而逐步变为一场线上线下同时进行的消费者盛宴。销售、运营、物流、生产商等都在开足马力在各大渠道备战,据统计: 消费者在期间被平...

阿里云官方博客
18分钟前
0
0
三次握手四次挥手

背景 和女朋友异地恋,为了保持感情我提议每天晚上视频聊天一次。 从好上开始,到现在,一年多也算坚持下来了。 问题: 有时候聊天的过程中,我的网络或者她的网络可能会不好,视频就会卡住,...

瑞查德-Jack
21分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部