• 技术文章 >web前端 >H5教程

    android支付宝客户端html5网页偶尔无法自动关闭问题

    黄舟黄舟2017-02-09 15:43:42原创1330
    公司产品使用支付宝移动网页接口支付,当三方商户传入跳转地址,在支付宝页面支付成功后跳转到该地址,如果没传将会自动关闭页面。

    测试的时候在iOS客户端上面可以,但是在Android客户端上偶尔行偶尔不行。

    以前代码:

    $(function(){  
        if('${code}'=="00")  
        {  
             if('${merUrl}'!="")  
             {  
               window.location.href='${merUrl}';  
             }else{  
                 AlipayJSBridge.call('closeWebview');    
            }  
        }else{  
                $("#error_msg").html("支付失败");  
                $("#error").show();  
        }  
      });

    通过查找支付宝网页支付的相关的js api文档,文档中描述当页面加载完后会创建 AlipayJSBridge对象,同时会触发AlipayJSBridgeReady事件。

    从这句话中找到了网页在android的支付宝客户端偶尔关闭得了偶尔不行的原因:

    可能关闭不了的原因是当执行 AlipayJSBridge.call('closeWebview')操作时,AlipayJSBridge还没有创建,所以无法执行。因此我们需要对Alipay

    JSBridgeReady事件进行监听。

    解决代码:

    document.addEventListener('AlipayJSBridgeReady', function () {  
        if('${code}'=="00")  
        {  
             if('${merUrl}'!="")  
             {  
                 window.location.href='${merUrl}';  
             }else{  
                 AlipayJSBridge.call('closeWebview');    
            }  
        }else{  
                $("#error_msg").html("支付失败");  
                $("#error").show();  
        }  
     }, false);

    以上就是 android支付宝客户端html5网页偶尔无法自动关闭问题的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇: 百度钱包ios移动端html5网页无法自动关闭问题 下一篇: spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 详解HTML5新增的多媒体标签• HTML5中canvas的使用总结• 小强的HTML5移动开发之路(19)——HTML5 Local Storage(本地存储)• Html5 Canvas初探学习笔记(13) -图片变换• HTML5重塑Web世界它将如何改变互联网_html5教程技巧
    1/1

    PHP中文网