文档章节

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

猿神出窍
 猿神出窍
发布于 2017/09/06 18:00
字数 207
阅读 44
收藏 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>

 

© 著作权归作者所有

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

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

KevinWG
2017/10/29
0
2
几种主流支付方式详解

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

hell03W
2016/02/24
444
0
WebView H5 跳转微信支付、支付宝、QQ钱包WAP

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

阿策神奇
2017/09/05
0
0
java--用户下单-->支付--退款流程

工程做完了 来个总结 1.提交订单1.1 提交参数(主要参数)用户id、商家id、服务id、服务单价、数量、总价1.2 验证提交过来的信息是否正确验证参数:单价与总价1.3 向订单表插入数据状态:未付款...

求是科技
2016/07/01
338
0
Ionic系列——支付

1、为什么用Ping++ 简单的说就是更方便,他和支付平台做了一下对接,申请不用那么复杂了,但是本身是免费的,收费的是各个平台。 其实你也可以自己去看支付宝啊,微信啊,银联的接口文档,直...

龙马行空
2015/09/21
5.7K
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Ubuntu18.04 显卡GF-940MX安装NVIDIA-390.77

解决办法: 下面就给大家一个正确的姿势在Ubuntu上安装Nvidia驱动: (a)首先去N卡官网下载自己显卡对应的驱动:www.geforce.cn/drivers (b)下载后好放在英文路径的目录下,怎么简单怎么来...

AI_SKI
今天
0
0
深夜胡思乱想

魔兽世界 最近魔兽世界出了新版本, 周末两天升到了满级,比之前的版本体验好很多,做任务不用抢怪了,不用组队打怪也是共享拾取的。技能简化了很多,哪个亮按哪个。 运维 服务器 产品 之间的...

Firxiao
今天
0
0
MySQL 8 在 Windows 下安装及使用

MySQL 8 带来了全新的体验,比如支持 NoSQL、JSON 等,拥有比 MySQL 5.7 两倍以上的性能提升。本文讲解如何在 Windows 下安装 MySQL 8,以及基本的 MySQL 用法。 下载 下载地址 https://dev....

waylau
今天
0
0
微信第三方平台 access_token is invalid or not latest

微信第三方开发平台code换session_key说的特别容易,但是我一使用就带来无穷无尽的烦恼,搞了一整天也无济于事. 现在记录一下解决问题的过程,方便后来人参考. 我遇到的这个问题搜索了整个网络也...

自由的开源
今天
2
0
openJDK之sun.misc.Unsafe类CAS底层实现

注:这篇文章参考了https://www.cnblogs.com/snowater/p/8303698.html 1.sun.misc.Unsafe中CAS方法 在sun.misc.Unsafe中CAS方法如下: compareAndSwapObject(java.lang.Object arg0, long a......

汉斯-冯-拉特
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部