Ajax 请求后打开新窗口被拦截的解决方案

公司业务上有个场景,需请求后台获取支付链接地址,再打开地址引导用户购买。这样的场景在其他企业应该也很场景。但是遇到个很常见的问题,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,或引入用户操作流程由用户触发新开窗口操作。

希望对大家有帮助。

上一篇:AJAX 请求后使用 JS 打开新标签页被阻止的解决方法


下一篇:java 读写文件