Ajax 요청이 성공한 후 새 창에서 window.open()을 가로채는 솔루션

문제:

이전에 프로젝트를 개발할 때 문제가 발생했습니다. 비동기 ajax 요청이 성공한 후 url을 열려면 새 창을 열어야 합니다. window.open() 메서드가 사용됩니다. , 하지만 불행하게도 브라우저에서 차단됩니다. 이 문제를 해결하는 방법은 무엇입니까?
분석:

브라우저가 새로 열린 창을 가로채는 이유는 해당 작업이 사용자에 의해 적극적으로 실행되지 않기 때문에 안전하지 않다고 판단하여 가로채는 것입니다(그러나 _self인 경우에는 이 제한은 없을 것입니다), 클릭이나 제출과 같은 사용자 동작이 ajax 콜백 함수(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;
}
});
});

마지막으로 주의할 점은 새 창을 열기 위해 동적으로 양식을 추가하는 온라인 방법은 Ajax 요청에 적합하지 않다는 것입니다. , 적어도 블로거가 테스트한 후에도 여전히 브라우저에 의해 차단되어 작동합니다.

Ajax 요청 성공 후 새 창을 열 때 window.open()을 가로채는 솔루션에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!