ajax回调打开新窗体防止浏览器拦截有效方法

ajax回调打开新窗体防止浏览器拦截，就这么做！

问题剖析：

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function click_fun(){     window.open( "www.baidu.com" ); //能打开    $.ajax({      'url' : '${pageContext.request.contextPath}/activity/savePrizes.htm' ,      'type' : 'post' ,      'dataType' : 'json' ,      'data' : data,      success: function (data) {        window.open( "www.baidu.com" ); //被拦截      },      error: function (){         }    }); }

分析：
打开新窗体只能在点击事件内触发，点击事件内的回调函数内打开窗体会被拦截，浏览器会认为是广告弹窗之类的代码

解决1：

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function click_fun_new(){    var tempwindow=window.open(); //先打开临时窗体，由于是点击事件内触发，不会被拦截    $.ajax({      'url' : '${pageContext.request.contextPath}/activity/savePrizes.htm' ,      'type' : 'post' ,      'dataType' : 'json' ,      'data' : data,      success: function (data) {        tempwindow.location = "www.baidu.com" ; //当回调的时候更改临时窗体的路径      },      error: function (){        tempwindow.close(); //回调发现无需打开窗体时可以关闭之前的临时窗体      }    }); }

解决2：

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

function click_fun_new(){    var flag = false ;    $.ajax({      'url' : '${pageContext.request.contextPath}/activity/savePrizes.htm' ,      'type' : 'post' ,      'dataType' : 'json' ,      'data' : data,      'async' : false , //同步请求      success: function (data) {        $( "#a" ).attr( "href" , "www.baidu.com" ); //当回调的时候更改页面上或创建的某个a标签的href        flag = true ; //更改标志      },      error: function (){               }    });    if (flag){      $( "#a" ).click(); //href属性更改后模拟点击    } }

以上就是ajax回调打开新窗体防止浏览器拦截的两种方法，希望对大家的学习有所帮助。

http://www.jb51.net/article/83743.htm

转载于:https://www.cnblogs.com/yuhoukongshan/p/6069757.html