본문 바로가기

javaScript&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="표시할 주소";

     }

  });

});

반응형