• 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

  • 相关阅读:
    后台跨域(CORS)
    后台跨域(CORS)
    Spring MVC中forward请求转发2种方式(带参数)
    Spring MVC中forward请求转发2种方式(带参数)
    Spring MVC中forward请求转发2种方式(带参数)
    MyEclipse使用总结——MyEclipse去除网上复制下来的来代码带有的行号
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
  • 原文地址:https://www.cnblogs.com/yuhoukongshan/p/6069757.html
Copyright © 2020-2023  润新知