Ajax가 새 창을 열고 가로챌 때 처리하는 방법

이번에는 Ajax가 새 창을 열고 가로채는 경우 어떻게 처리하는지 보여드리겠습니다. 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는 기본적으로 비동기식이므로 성능이 뛰어나고 사용자 경험도 좋지만 브라우저가 새 창을 표시하는 것이 안전하다고 생각하게 하려면 pop이 필요합니다. -up을 허용해야 합니다. 새 창을 동기화하기 전의 모든 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("正在加载请稍后！");
  }
});

입니다. 이 기사의 사례를 읽으신 후 해당 방법을 익히셨을 것으로 예상됩니다. PHP 중국어 웹사이트!

추천 자료:

Ajax 기술을 기반으로 새로 고치지 않는 사용자 로그인 구현(코드 포함)

AJAX는 새로 고치지 않는 로그인을 구현합니다

위 내용은 Ajax가 새 창을 열고 가로챌 때 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!