반응형
ajax 통신을 할 때 통신에 성공해서 데이터를 받고 팝업창을 띄울때 팝업창이 동작이 되지 않을 때가 있다. 브라우저에서 ajax 통신시 팝업창을 차단하는 것으로 레이어 팝업창을 사용하면 해결될 수 있으나 window.open 메서드를 이용해 새창을 호출하면 동작이 되지 않는 현상이 나타난다.
이런 문제를 해결하기 위해 ajax 통신을 수행하기 직전에 빈페이지의 새창을 띄워두고 통신이 완료되면 호출 URL를 변경하는 방법을 사용할 수 있다.
$('#btn).click(function(){
var pop = win.open("about:blank","content","width=300,height=300");
$.ajax({
success:function(data){
pop.location.href="표시할 주소";
}
});
});
반응형
'javaScript&jQuery' 카테고리의 다른 글
자바스크립트 - 스크롤을 div의 맨 아래로 이동시키기 (0) | 2022.11.16 |
---|---|
자바스크립트를 이용한 자식창(popup)에서 부모창으로 submit 하기 (0) | 2018.09.15 |
자바스크립트를 이용한 시작날짜와 끝날짜의 일수 계산하기 (0) | 2017.07.25 |
jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 (0) | 2017.07.25 |
jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 (0) | 2017.07.25 |