公司业务上有个场景,需请求后台获取支付链接地址,再打开地址引导用户购买。这样的场景在其他企业应该也很场景。但是遇到个很常见的问题,Ajax后直接用window.open(url),会被浏览器作为广告拦截。
解决方案:
方案一,在ajax请求前新开默认窗口:
let win = window.open("", "_blank");
let param = {
url: ...
data: {...}
}
axios.post(param).then((results)=>{
if (results.code =='sucess' ) {
_openWin(win, applyinfo)
}
});
//
_openWin (applyinfo){
let usAgent = navigator.userAgent.toLowerCase();
let url = wabpInfo.appTransUrl;
if(usAgent.indexOf('safari') > -1 && usAgent.indexOf("chrome") < 1) { //safari浏览器
if(url && win ){
win.location = url;
}
}else {
url && window.open(url);
}
}
方案二,ajax使用同步方式(网上提供)。次
$.ajax({
type: 'post',
datatype: 'post',
async: false , //使用同步请求
url: .....
data: ...
})
次方法在项目中尝试时失败了,依然会被浏览器拦截,使用Promise形式亦未成功。
推荐使用提前打开方案1,或引入用户操作流程由用户触发新开窗口操作。
希望对大家有帮助。