文档章节

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

猿神出窍
 猿神出窍
发布于 2017/09/06 18:00
字数 207
阅读 47
收藏 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
博文 176
码字总数 62033
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

搬瓦工最新国内可访问镜像网址:bwh8.net

昨天搬瓦工之前的国内备用镜像网址bwh1.net被域名污染了,在国内打不开了。搬瓦工发布了最新的国内可访问的镜像地址:bwh8.net。 消息来源:搬瓦工优惠网->搬瓦工最新国内可访问镜像网址:b...

flyzy2005
36分钟前
0
0
大数据学习之-NN,SNN和DN的作用

NameNode(名称节点,简称NN)作用: 文件系统命名空间,维护文件系统目录树 存储文件名称, 文件目录结构, 文件属性(权限,大小,创建时间,副本数及大小....), 文件对应的数据块及这些块所...

hnairdb
39分钟前
1
0
TypeScript基础入门之声明合并(三)

转发 TypeScript基础入门之声明合并(三) 声明合并 将命名空间与类,函数和枚举合并 命名空间足够灵活,也可以与其他类型的声明合并。 为此,命名空间声明必须遵循它将与之合并的声明。 生成的...

durban
47分钟前
0
0
webSocket前台实现

webSocket前台实现 简单实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="application/javascript" src="js/base64.js"></script......

Airship
57分钟前
1
0
从零到一,使用实时音视频 SDK 一起开发一款 Zoom 吧

zoom(zoom.us) 是一款受到广泛使用的在线会议软件。相信各位一定在办公、会议、聊天等各种场景下体验或者使用过,作为一款成熟的商业软件,zoom 提供了稳定的实时音视频通话质量,以及白板、...

七牛云
58分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部