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回调打开新窗体防止浏览器拦截的两种方法，希望对大家的学习有所帮助。

您可能感兴趣的文章:

JS 拦截全局ajax请求实例解析
Ajax请求响应中用window.open打开新窗口被拦截的解决方法
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
在Java的Struts中判断是否调用AJAX及用拦截器对其优化
ajax请求成功后新开窗口window.open()被拦截解决方法
jquery ajax 向后台传递数组参数示例
jquery中ajax使用error调试错误的方法
JQuery的Ajax请求实现局部刷新的简单实例
jquery的ajax()函数传值中文乱码解决方法介绍
jQuery Ajax异步处理Json数据详解
JQuery处理json与ajax返回JSON实例代码
Jquery中ajax方法data参数的用法小结
解决拦截器对ajax请求的拦截实例详解

全 部 栏 目

全部栏目