ajax请求里面调用window.open会被浏览器拦截(优化版)

前端之家收集整理的这篇文章主要介绍了ajax请求里面调用window.open会被浏览器拦截(优化版)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

众所周知,ajax请求里面调用window.open会被浏览器拦截方法有两种解决办法,但是经测验例如ajax改为async:false同步请求还会出现一些问题(比如站点外网址被拦截);

@H_403_2@
  • 第一种解决办法优化:
  • 方法优点描述:比如ajax回调函数失败,浏览器默认打开的空链接自动关闭用户体验比较好。

    var newwin;
        $("#btn").click(function(){
            newwim = window.open();
            //此处调用ajax,异步即可:
            $.ajax({
                type:'POST',url: ajaxurl,dataType : 'json',data:parameter,beforeSend : function(){},success:function(data) {
                    if(data.TSR_CODE == "0"){                
                           newwin.location.href = xxx;//xxx为后端返回的地址;            
                    }else{
                        alert(data.TSR_MSG);
                        newwin.close();//此处为ajax失败方法自动关闭刚才会打开的页面;
                    }
                },error:function(){
                    console.log("访问出错,请重试!");
                },complete:function(){}
            });
        });
    @H_403_2@
  • 第二种解决办法分析:
  • 方法测试过:比如后台返回的是站外网址,谷歌浏览器、360浏览器等等会拦截请求,火狐、qq浏览器不会拦截,预测是浏览器自身对站外网址这种类型做了拦截,普通的网址不被拦截

    $("#btn").click(function(){
            //此处调用ajax,异步即可:
            $.ajax({
                type:'POST',async:false,//改为同步请求
                data:parameter,success:function(data) {
                    if(data.TSR_CODE == "0"){                
                         window.open(xxx);               
                    }else{
                        alert(data.TSR_MSG);                    
                    }
                },complete:function(){}
            });

    猜你在找的Ajax相关文章