欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-06-29 17:13:28
公司产品使用支付宝移动网页接口支付,当三方商户传入跳转地址,在支付宝页面支付成功后跳转到该地址,如果没传将会自动关闭页面。 测试的时候在ios客户端上面可以,但是在a...

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

测试的时候在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支付宝移动客户端上都能完美自动关闭页面。