본문 바로가기

javaScript&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.. 더보기
jQuery로 구현한 checkobx 전체 선택/해제 하기 jQuery로 구현한 checkobx 전체 선택/해제 하기 스크립트----------------------------------------------------- $('#chk_all').click(function(){ if($(this).is(':checked')){ $('input[name=del]').prop('checked',true); }else{ $('input[name=del]').prop('checked',false); }}); HTML----------------------------------------------------전체선택 더보기
jquery를 이용한 radio button 정보 얻기 체크된 radio 값 읽어오기$('input:radio[name=season]:checked').val(); 체크된 radio 버튼의 checked 해제$('input:radio[name=season]').attr('checked',false); "spring"이 value인 radio 버튼에 checked 설정$('input:radio[name=season]:input[value=spring]').attr('checked',true); radio 버튼 활성화$('input:radio[name=season]:input[value=spring]').attr('disabled',true); radio 버튼 비활성화$('input:radio[name=season]:input[value=spring]').att.. 더보기
jquery를 이용해서 시작날짜와 종료날짜 비교 jquery를 이용해서 시작날짜가 종료날짜 보다 작으면 경고창을 띄워준다. 이벤트 시작일이벤트 종료일 더보기
checkbox, radio 에서 정보 읽어 올 때 주의사항 checkbox, radio 에서 정보 읽어 올 때 주의사항 checkbox 와 radio 에서 정보를 읽어 올때 복수의 checkbox 또는 복수의 radio 에서 정보를 읽을 때는 배열로 인식하기 때문에 아래 예제와 같이 for문을 만들어 정보를 처리하지만 단수의 checkbox 또는 단수의 radio 에서 정보를 읽을 때는 배열로 인식하지 않고 객체로만 인식하기 때문에 아래 예제처럼 객체의 프로퍼티를 직접 호출해야 함 봄여름 국어 더보기
자바스크립트 - json2.js 파일을 이용한 json 객체 생성 json2.js 다운로드 : https://github.com/douglascrockford/JSON-js var s = '{"x":1,"y":2,"val":"foobar"}'; //JSON 문자열 var obj2 = JSON.parse(s);alert(obj2.x); //1출력 //객체에서 JSON 문자열로 변환var str = JSON.stringify({x:1,y:2,val:'foobar'});alert(str); // {"x":1,"y":2,"val":"foobar"} 문자열로 출력 더보기
반응형

티스토리툴바