android支付宝客户端html5网页无法自动关闭问题的解决方法
公司产品使用支付宝移动网页接口支付,当三方商户传入跳转地址,在支付宝页面支付成功后跳转到该地址,如果没传将会自动关闭页面。
测试的时候在ios客户端上面可以,但是在Android客户端上偶尔行偶尔不行。
以前代码:
$(function(){ if('$[code]'=="00") { if('${merUrl}'!="") { window.location.href='${merUrl}'; }else{ AlipayJSBridge.call('closeWebview'); } }else{ $("#error_msg").html("支付失败"); $("#error").show(); } });
通过查找支付宝网页支付的相关的jsapi文档,文档中描述当页面加载完后会创建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支付宝移动客户端上都能完美自动关闭页面。