Effective method to open a new form with ajax callback to prevent browser interception-JS Tutorial-php.cn

Effective method to open a new form with ajax callback to prevent browser interception

高洛峰

Release： 2017-01-09 14:19:41

Original

1383 people have browsed it

ajax callback opens a new form to prevent browser interception, just do it!

Problem analysis:

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

Copy after login

Analysis:
Opening a new form can only be triggered within the click event, and the callback within the click event Opening a form within a function will be intercepted, and the browser will think it is code such as advertising pop-ups.

Solution 1:

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

Copy after login

Solution 2:

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

Copy after login

The above are two methods of opening a new form with ajax callback to prevent browser interception. I hope it will be helpful to everyone's learning.

For more ajax callbacks to open a new form and effective ways to prevent browser interception, please pay attention to the PHP Chinese website for related articles!