본문 바로가기

ajax

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="표시.. 더보기
ajax 이용해서 multipart 데이터 전송하기 ajax 이용해서 multipart 데이터 전송하기 이름 $("#myForm").submit(function(event){ //전체 데이터를 전부 지정할 때 var formData = new FormData($(this)[0]); //개별 데이터를 선택적으로 셋팅할 때 var formData = new FormData(); formData.append("name", document.getElementById('name').value); $.ajax({ url: 'writPro.do', type: 'POST', data: formData, dataType:'json', contentType: false, processData: false, success: function (data) { }, error: .. 더보기
jquery.ajax, jquery.getJSON, jquery.post 사용하기 jquery.ajax, jquery.getJSON, jquery.post 사용하기 jQuery.ajax()==================================jquery.ajax(url [,settings]) url : 요청하는 URLsettings : key와 value의 쌍으로 된 옵션 jquery.ajax([settings]) settings : key와 value의 쌍으로 된 옵션 cache (default : true, dataType이 'script', 'jsop' 일 경우 fasle) : 페이지 캐시 여부 지정data : 전송할 데이터dataType (xml,json,script,html) : 서버로부터 반환 되는 데이터의 타입 지정error : 에러시 호출되는 함수 지정succes.. 더보기
반응형

티스토리툴바