[jquery] ajax 요청 성공 후 새 창 차단 해결 방법
1729 단어 jquery
앞의 개발 프로젝트 에서 문제 가 발생 했 습 니 다. ajax 비동기 요청 이 성공 한 후에 새로 창 을 열 어 url 을 열 어야 합 니 다. window. open () 방법 을 사용 하 였 으 나 브 라 우 저 에 의 해 차단 되 었 습 니 다. 이 문 제 를 어떻게 해결 하 시 겠 습 니까?
분석:
브 라 우 저가 새 창 을 차단 하 는 이 유 는 이 동작 이 사용자 가 주동 적 으로 실행 하 는 것 이 아니 기 때문에 안전 하지 않다 고 생각 하여 차단 합 니 다 (다만 self 라면 이 제한 이 없 을 것 입 니 다). ajax 리 셋 함수 에서 click 이나 submit 등 사용자 행동 (trigger (click) 을 모 의 실행 하 더 라 도 브 라 우 저 는 사용자 가 주동 적 으로 실행 하 는 것 이 아니 라 고 생각 합 니 다.이 때문에 안전하게 집행 되 지 못 해 차단 됐다.
해결 방법:
1. 비동기 에서 동기 화, 즉 async: false 로 변경
2. 새로 열 린 창 을 대상 으로 가리 키 고 대상 의 url 을 수정 합 니 다. 예 를 들 어:
$('.task').bind('click',function(){
var w = window.open();
$.ajax({
type: 'POST',
url: '/surveyTask',
dataType: 'json',
error: function(){
w.close();
},
success: function(res){
w.location = res.url;
}
});
});마지막 으로 설명 할 것 은 인터넷 의 동적 으로 form 을 추가 하여 창 을 새로 여 는 방법 은 ajax 요청 에 적합 하지 않 습 니 다. 적어도 블 로 거 테스트 를 통 해 브 라 우 저 에 의 해 차단 되 었 습 니 다.
참고 자료: 탄창 이 최종 오 의 를 해결 하면 인 류 는 더 이상 탄창 을 막 을 수 없다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
