android支付寶客戶端html5網(wǎng)頁(yè)無(wú)法自動(dòng)關(guān)閉問(wèn)題的解決方法
公司產(chǎn)品使用支付寶移動(dòng)網(wǎng)頁(yè)接口支付,當(dāng)三方商戶傳入跳轉(zhuǎn)地址,在支付寶頁(yè)面支付成功后跳轉(zhuǎn)到該地址,如果沒(méi)傳將會(huì)自動(dòng)關(guān)閉頁(yè)面。
測(cè)試的時(shí)候在ios客戶端上面可以,但是在Android客戶端上偶爾行偶爾不行。
以前代碼:
$(function(){
if('$[code]'=="00")
{
if('${merUrl}'!="")
{
window.location.href='${merUrl}';
}else{
AlipayJSBridge.call('closeWebview');
}
}else{
$("#error_msg").html("支付失敗");
$("#error").show();
}
});
通過(guò)查找支付寶網(wǎng)頁(yè)支付的相關(guān)的js api文檔,文檔中描述當(dāng)頁(yè)面加載完后會(huì)創(chuàng)建 AlipayJSBridge對(duì)象,同時(shí)會(huì)觸發(fā)AlipayJSBridgeReady事件。
從這句話中找到了網(wǎng)頁(yè)在android的支付寶客戶端偶爾關(guān)閉得了偶爾不行的原因:
可能關(guān)閉不了的原因是當(dāng)執(zhí)行 AlipayJSBridge.call('closeWebview')操作時(shí),AlipayJSBridge還沒(méi)有創(chuàng)建,所以無(wú)法執(zhí)行。因此我們需要對(duì)AlipayJSBridgeReady事件進(jìn)行監(jiān)聽(tīng)。
解決代碼:
document.addEventListener('AlipayJSBridgeReady', function () {
if('$[code]'=="00")
{
if('${merUrl}'!="")
{
window.location.href='${merUrl}';
}else{
AlipayJSBridge.call('closeWebview');
}
}else{
$("#error_msg").html("支付失敗");
$("#error").show();
}
}, false);
以上代碼完美解決了問(wèn)題,通過(guò)測(cè)試在android、ios支付寶移動(dòng)客戶端上都能完美自動(dòng)關(guān)閉頁(yè)面。
相關(guān)文章
Android開(kāi)發(fā)中總結(jié)的Adapter工具類【附完整源碼下載】
這篇文章主要介紹了Android開(kāi)發(fā)中總結(jié)的Adapter工具類,簡(jiǎn)單說(shuō)明了Adapter的功能,并結(jié)合實(shí)例形式分析了Adapter工具類的相關(guān)使用方法,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下2017-11-11
Android動(dòng)態(tài)修改ToolBar的Menu菜單示例
本篇文章主要介紹了Android動(dòng)態(tài)修改ToolBar的Menu菜單示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
Android不壓縮圖片實(shí)現(xiàn)高清加載巨圖實(shí)例
這篇文章主要為大家介紹了Android不壓縮圖片實(shí)現(xiàn)高清加載巨圖實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06
Android string-array數(shù)據(jù)源簡(jiǎn)單使用
這篇文章主要介紹了Android string-array數(shù)據(jù)源簡(jiǎn)單使用的相關(guān)資料,需要的朋友可以參考下2016-09-09
android 左右滑動(dòng)+索引圖標(biāo)實(shí)現(xiàn)方法與代碼
使用Gallery和ImageView實(shí)現(xiàn)android左右滑動(dòng)+索引圖標(biāo)效果,接下來(lái)詳細(xì)介紹,有需要的朋友可以參考下2012-12-12
android 開(kāi)發(fā) 文件讀寫(xiě)應(yīng)用案例分析
在Android應(yīng)用中保存文件會(huì)使用到文件讀寫(xiě)技術(shù),本文將詳細(xì)介紹,需要的朋友可以參考下2012-12-12

