android支付宝客户端html5网页无法自动关闭问题的解决方法

2019/7/7 20:42:28

编程Tag： 支付宝 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网页无法自动关闭问题的解决方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

android支付宝客户端html5网页无法自动关闭问题的解决方法

相关编程文章