android支付宝客户端html5网页偶尔无法自动关闭问题-H5教程-PHP中文网

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

黄舟

发布： 2017-02-09 15:43:42

原创

2390人浏览过

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

测试的时候在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的支付宝客户端偶尔关闭得了偶尔不行的原因：

立即学习“前端免费学习笔记（深入）”；

抖云猫AI论文助手

一款AI论文写作工具，最快 2 分钟，生成 3.5 万字论文。论文可插入表格、代码、公式、图表，依托自研学术抖云猫大模型，生成论文具备严谨的学术专业性。

146

查看详情

可能关闭不了的原因是当执行 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中文网（www.php.cn）！