Ajax가 새 창을 열고 브라우저에 의해 차단되는 두 가지 솔루션

이 글을 주로 공유하는 내용은 최근 결제를 할 때 결제창이 열리자 브라우저가 결제 창을 차단한 것을 발견했는데, 바이두에서 검색해보니 결제 여부를 확인하기 위해 ajax를 사용했기 때문이라는 것을 알게 되었습니다. 창을 열기 전에 수행될 수 있으므로 사용자가 ixin 창 열기를 트리거하지 않았습니다. 브라우저는 이것이 안전하지 않다고 생각하여 차단했습니다.

해결책 1

먼저 빈 새 창을 열고 새 창의 URL을 변경하세요. 구체적인 코드는

var wd = window.open();
$.ajax({
  type: "POST",
  dataType: "json",
  url: URL,
  data: {orderNo:orderNo},
  success: function(data) {
    if(data.status=='success'){
      wd.location.href = 'http://www.baidu.com';
    }else{ 
      alert('订单不能支付！'); 
    }
  },error: function(data) {
    alert("正在加载请稍后！");
  }
});

입니다. 이 구현에는 ajax 성공 여부에 관계없이 var wd라는 단점이 있습니다. = window가 실행됩니다. .open(); 이 코드 줄은 실패 후 닫히지 않는 한 성공과 실패 모두 새 창을 열지만 이 사용자 경험은 매우 나쁠 것이므로 두 번째 방법을 사용했습니다. 그것을 구현하십시오.

해결책 2

ajax는 기본적으로 비동기식이므로 성능이 뛰어나고 사용자 경험도 좋지만 브라우저에서 새 창을 표시하는 것이 안전하다고 생각하게 하려면 모든 ajax를 허용해야 합니다. 동기식이며 특정 코드는

$.ajax({
  type: "POST",
  dataType: "json",
  url: URL,
  async: false,//同步请求
  data: {orderNo:orderNo},
  success: function(data) {
     if(data.status=='success'){
       window.open("www.baidu.com");
     }else{
       alert('订单不能支付！');
     }
  },
  error: function(data) {
    alert("正在加载请稍后！");
  }
});

입니다. 관련 권장 사항:

새 양식을 여는 ajax 콜백 브라우저 차단을 방지하는 효과적인 방법

iframe 크로스 사이트가 브라우저에 의해 차단됩니다.

JS가 웹페이지 광고는 browser_javascript 기술로 코드를 가로채서 필터링합니다

위 내용은 Ajax가 새 창을 열고 브라우저에 의해 차단되는 두 가지 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!