Notice
Recent Posts
Recent Comments
Link
이야기앱 세상
jQuery - ajax 통신이 성공했을 때 팝업창(새창) 띄우기 오류 본문
jQuery - ajax 통신이 성공했을 때 팝업창(새창) 띄우기 오류
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="표시할 주소";
}
});
});
반응형
'IT > jQuery' 카테고리의 다른 글
jQuery - div에 overflow:auto 로 지정했을 때 div의 하위 div로 스크롤 위치를 변경하기 (0) | 2019.01.02 |
---|---|
jQuery - 페이지 내의 특정 위치로 스크롤을 이동시키기 (5) | 2018.12.26 |
jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기 (0) | 2018.12.24 |
jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 (0) | 2017.07.03 |
jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 (0) | 2017.07.03 |
Comments