如何实现ajax回调打开新窗体防止浏览器拦截

这篇文章主要介绍如何实现ajax回调打开新窗体防止浏览器拦截，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

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

问题剖析：

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：

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) {       temp_window.location = "www.baidu.com";//当回调的时候更改临时窗体的路径     },     error:function(){       tempwindow.close();//回调发现无需打开窗体时可以关闭之前的临时窗体     }   }); }

解决2：

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回调打开新窗体防止浏览器拦截"这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注行业资讯频道！