Ajax 콜백을 사용하여 새 양식을 열 때 브라우저가 가로채는 것을 방지하는 방법

이번에는 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 콜백으로 새 양식을 여는 두 가지 방법입니다. 차단합니다. 학습이 모든 사람에게 도움이 되기를 바랍니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

Jsonp는 ajax의 도메인 간 문제를 해결합니다

JSONP는 Ajax의 도메인 간 액세스를 어떻게 처리합니까

위 내용은 Ajax 콜백을 사용하여 새 양식을 열 때 브라우저가 가로채는 것을 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!