window.open 浏览器拦截解决

需求

在订单页，需要在返回下单成功信息后，新开标签页跳转支付。

尝试

 $.ajax({
     url:'xxx',
     success:function(url){
         window.open(url,'_blank');
     }
 })

出现问题

浏览器处于安全机制，在非用户触发的打开窗口操作，会被拦截。

解决

在异步请求之前，新开窗口，

 var newWin = window.open('about:blank', '_blank')

然后，在请求成功时，设置

newWin .location.href = url;

整体代码

$btn.on('click',function(){
    var newWin = window.open('about:blank', '_blank');//会打开一个空白窗口
    $.ajax({
     url:'xxx',
     success:function(url){
         newWin .location.href = url;
     }
 })
});

参考：https://stackoverflow.com/questions/22007592/chrome-window-open-after-ajax-request-acts-like-popup