虚位以待(AD)
虚位以待(AD)
首页 > 软件编程 > Android编程 > android支付宝客户端html5网页无法自动关闭问题的解决方法

android支付宝客户端html5网页无法自动关闭问题的解决方法
类别:Android编程   作者:码皇   来源:互联网   点击:

这篇文章主要为大家详细介绍了android支付宝客户端html5网页无法自动关闭问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

公司产品使用支付宝移动网页接口支付,当三方商户传入跳转地址,在支付宝页面支付成功后跳转到该地址,如果没传将会自动关闭页面。

测试的时候在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还没有创建,所以无法执行。因此我们需要对AlipayJSBridgeReady事件进行监听。

解决代码:

    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、ios支付宝移动客户端上都能完美自动关闭页面。

相关热词搜索: android html5 支付宝