文档章节

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

猿神出窍
 猿神出窍
发布于 2017/09/06 18:00
字数 207
阅读 44
收藏 1
点赞 0
评论 0

  



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>

 

© 著作权归作者所有

共有 人打赏支持
猿神出窍
粉丝 15
博文 161
码字总数 57015
作品 0
沙坪坝
项目经理
几种主流支付方式详解

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

hell03W ⋅ 2016/02/24 ⋅ 0

WebView H5 跳转微信支付、支付宝、QQ钱包WAP

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

阿策神奇 ⋅ 2017/09/05 ⋅ 0

java--用户下单-->支付--退款流程

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

求是科技 ⋅ 2016/07/01 ⋅ 0

Ionic系列——支付

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

龙马行空 ⋅ 2015/09/21 ⋅ 0

微信:微信扫码支付、调用统一下单接口、网站支付 + springmvc

一、场景:公司需要在网站上进行微信支付。 二、API:使用微信开放平台的接入微信支付 -扫码支付。微信支付开发者平台链接 三、分析: 接入扫码支付(包含PC网站支付)包含三个阶段,问这里只...

u010246789 ⋅ 2016/06/01 ⋅ 0

一个二维码支持支付宝和微信支付(上)

一个二维码同时支持微信和支付宝扫描的原理很简单,就是中间做了一个跳转,判断用户用的是什么浏览器请求的即可。 这里首先要说清楚的是支付宝的支付是蛮简单的,我们使用的是“手机网站支付...

3kqing ⋅ 2016/09/08 ⋅ 10

Android 支付宝支付开发流程

首先奉上调起支付页面截图 301.jpg 一:介绍 项目中要用到支付功能,需要支付宝支付、微信支付、银联支付,所以打算总结一下,方便以后的查阅,也方便大家, 用到的地方避免再次被坑。 今天我...

展菲 ⋅ 2017/11/09 ⋅ 0

支付宝正在研发“小程序”,功能与微信小程序相仿

近期,网上出现了不少关于支付宝小程序开发者工具页面的截图。 从截图来看,支付宝新的面向开发者的平台也取名“小程序”,该板块归属在蚂蚁金服体系,使用的仍是传统前端开发技术。 爱范儿据...

王练 ⋅ 2017/01/12 ⋅ 62

微信浏览器中调用支付宝支付

众所周知,在微信浏览器中是无法唤起支付宝的,会提示请在浏览器中打开,如果非要在微信浏览器中调起支付宝的话,只能是跳出微信浏览器,关于这一点,在支付宝官网给出了一个例子。但是,话说...

手不要乱摸 ⋅ 2017/03/18 ⋅ 0

mayubao/Android-Pay

Android-Pay 支持微信和支付宝两种主流支付的集成库, 两行代码实现微信支付, 三行代码实现支付宝支付 引入 gradle 对应的项目中的build.gradle文件添加依赖: dependencies { } maven io....

mayubao ⋅ 2017/03/01 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

一篇文章学懂Shell脚本

Shell脚本,就是利用Shell的命令解释的功能,对一个纯文本的文件进行解析,然后执行这些功能,也可以说Shell脚本就是一系列命令的集合。 Shell可以直接使用在win/Unix/Linux上面,并且可以调用...

Jake_xun ⋅ 17分钟前 ⋅ 0

大数据工程师需要精通算法吗,要达到一个什么程度呢?

机器学习是人工智能的一个重要分支,而机器学习下最重要的就是算法,本文讲述归纳了入门级的几个机器学习算法,加大数据学习群:716581014一起加入AI技术大本营。 1、监督学习算法 这个算法由...

董黎明 ⋅ 50分钟前 ⋅ 0

Kylin 对维度表的的要求

1.要具有数据一致性,主键值必须是唯一的;Kylin 会进行检查,如果有两行的主键值相同则会报错。 2.维度表越小越好,因为 Kylin 会将维度表加载到内存中供查询;过大的表不适合作为维度表,默...

无精疯 ⋅ 53分钟前 ⋅ 0

58到家数据库30条军规解读

军规适用场景:并发量大、数据量大的互联网业务 军规:介绍内容 解读:讲解原因,解读比军规更重要 一、基础规范 (1)必须使用InnoDB存储引擎 解读:支持事务、行级锁、并发性能更好、CPU及...

kim_o ⋅ 57分钟前 ⋅ 0

代码注释中顺序更改 文件读写换行

`package ssh; import com.xxx.common.log.LogFactory; import com.xxx.common.log.LoggerUtil; import org.apache.commons.lang3.StringUtils; import java.io.*; public class DirErgodic ......

林伟琨 ⋅ 今天 ⋅ 0

linux实用操作命令

参考 http://blog.csdn.net/qwe6112071/article/details/50806734 ls [选项] [目录名 | 列出相关目录下的所有目录和文件 -a 列出包括.a开头的隐藏文件的所有文件-A 同-a,但不列出"."和"...

简心 ⋅ 今天 ⋅ 0

preg_match处理中文符号 url编码方法

之前想过直接用符号来替换,但失败了,或者用其他方式,但有有些复杂,这个是一个新的思路,亲测可用 <?php$str='637朗逸·超速新风王(300)(白光)'; $str=iconv("UTF-8","GBK",$s...

大灰狼wow ⋅ 今天 ⋅ 0

DevOps 资讯 | PostgreSQL 的时代到来了吗 ?

PostgreSQL是对象-关系型数据库,BSD 许可证。拼读为"post-gress-Q-L"。 作者: Tony Baer 原文: Has the time finally come for PostgreSQL?(有删节) 近30年来 PostgreSQL 无疑是您从未听...

RiboseYim ⋅ 今天 ⋅ 0

github太慢

1:用浏览器访问 IPAddress.com or http://tool.chinaz.com 使用 IP Lookup 工具获得github.com和github.global.ssl.fastly.net域名的ip地址 2:/etc/hosts文件中添加如下格式(IP最好自己查一...

whoisliang ⋅ 今天 ⋅ 0

非阻塞同步之 CAS

为解决线程安全问题,互斥同步相当于以时间换空间。多线程情况下,只有一个线程可以访问同步代码。这种同步也叫阻塞同步(Blocking Synchronization). 这种同步属于一种悲观并发策略。认为只...

长安一梦 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部