> 웹 프론트엔드 > JS 튜토리얼 > Ajax가 새 창을 열고 브라우저가 가로채는 문제에 대한 두 가지 솔루션

Ajax가 새 창을 열고 브라우저가 가로채는 문제에 대한 두 가지 솔루션

亚连
풀어 주다: 2018-05-23 10:09:07
원래의
2209명이 탐색했습니다.

최근 결제를 하다가 결제 창을 열었을 때 브라우저가 차단하는 것을 발견했습니다. 무슨 일이 일어난 걸까요? Ajax가 새 창을 열 때 브라우저가 가로채는 문제에 대한 두 가지 해결책을 알려드리겠습니다. 최근 결제를 하다가 결제 창을 열 때 브라우저가 가로채는 현상을 발견했습니다. Baidu에서 검색한 결과 창을 열기 전에 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(); 코드 줄이 실행되므로 실패 후 닫히지 않는 한 성공과 실패 모두 새 창이 열리지만 이 사용자 경험은 다음과 같습니다. 매우 나쁘기 때문에 두 번째 방법을 사용하여 이를 달성합니다.

해결책 2ajax는 기본적으로 비동기식이므로 성능이 뛰어나고 사용자 경험도 좋지만 브라우저가 새 창을 표시하는 것이 안전하다고 생각하게 하려면 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("正在加载请稍后!");
  }
});
로그인 후 복사

위 내용이 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

중복 구현을 위한 Ajax 확인 코드


Ajax는 phpcms와 같은 기능을 구현합니다(그래픽 튜토리얼)


ajax는 페이지 로딩 및 콘텐츠 삭제를 구현합니다


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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿