作者：奇丶葩故事会 | 来源：互联网 | 2022-10-19 10:39
公司产品使用支付宝移动网页接口支付，当三方商户传入跳转地址，在支付宝页面支付成功后跳转到该地址，如果没传将会自动关闭页面。
测试的时候在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支付宝移动客户端上都能完美自动关闭页面。
京公网安备 11010802041100号