본문 바로가기

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="표시.. 더보기
jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 자식창 $(function(){ $('#confirm_id').click(function(){ //부모창의 id가 id인 input 태그에 'dragon' 이라는 문자열 저장하기 $('#id',opener.document).val('dragon'); //아래와 같이 명시하는 것도 가능함 //$(opener.document).find('#id').val('dragon'); self.close(); }); }); 부모창 더보기
jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 봄 여름 가을 겨울 더보기
자바스크립트 또는 JQuery에서 객체 존재 여부 체크하기 자바스크립트 또는 JQuery에서 객체 존재 여부 체크하기 자바스크립트에서 객체의 존재를 체크할 때는 홍길동 아이디를 통해 객체에 접근했을 때 객체가 존재하면 [object HTMLSpanElement] 로 출력하고객체가 존재하지 않으면 null로 출력됨 jQuery에서객체의 존재를 체크할 때는 홍길동 더보기
jquery를 이용해서 시작날짜와 종료날짜 비교 jquery를 이용해서 시작날짜가 종료날짜 보다 작으면 경고창을 띄워준다. 이벤트 시작일이벤트 종료일 더보기
id 저장 쿠키 id 저장 쿠키 HTML 아이디 저장----------------------------------------jQuery jQuery 플러그인 jquery.cookie.js 사용 로그인 폼 아이디 저장 function saveCookie(){ var check = $('#check_save_id').is(':checked'); if(check && $('#id').val()){ $.cookie('userId',$('#id').val(), { expires:365, path:'/'}); }else{ $.cookie('userId', '', { expires: -1, path: '/' }); } } 로그인 폼 아이디 읽기 function readCookie(){ var value = $.cookie('user.. 더보기
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.. 더보기
반응형

티스토리툴바