怎么样通过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) { 
   tempwindow.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回调打开新窗体防止浏览器拦截的两种方法,希望对大家的学习有所帮助。