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

来源:互联网 发布:淘宝商城品牌故事范文 编辑:程序博客网 时间:2024/05/17 02:17

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

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


5 0
原创粉丝点击