메뉴 보이기
Profile
이온디

2015.08.27

Script

jQuery Cookie(쿠키) 처리 [출처] jQuery Cookie(쿠키) 처리|작성자 주용준

조회 수 208 추천 수 0

jQuery를 이용한 ID/PW cookie 저장 처리

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
var cookieIdKeyStr = "USER_ID";
var cookiePwKeyStr = "USER_PW";
 
$(document).ready(function(){
    <%-- 쿠키값을 읽어와 ID/PW 체크 --%>
    if( $.cookie(cookieIdKeyStr)!="" && $.cookie(cookieIdKeyStr)!=null ) {
        $("#cb_idSave").attr("checked""checked");
        $("#textMemberId").val($.cookie(cookieIdKeyStr));
    }
    if( $.cookie(cookiePwKeyStr)!="" && $.cookie(cookiePwKeyStr)!=null ) {
        $("#cb_pwSave").attr("checked""checked");
        $("#textMemberPw").val($.cookie(cookiePwKeyStr));
    }
});
 
function check() {
    checkSaveIdPw();
}
 
<%-- ID/PW 저장 체크 --%>
function checkSaveIdPw() {
    var checkStatus = $("#cb_idSave").is(":checked");
    if( checkStatus ) {
        $.cookie(cookieIdKeyStr, $("#mnMemberCode").val(), { expires: 30 });        
    } else {
        $.cookie(cookieIdKeyStr, null);
    }
    
    checkStatus = $("#cb_pwSave").is(":checked");
    if( checkStatus ) {
        $.cookie(cookiePwKeyStr, $("#mnMemberPwd").val(), { expires: 30 });        
    } else {
        $.cookie(cookiePwKeyStr, null);
    }
}

 

 

jQuery  cookie 사용법 

$.cookie('the_cookie'); //cookie취득  
$.cookie('the_cookie', 'the_value'); //cookie를 셋팅
$.cookie('the_cookie', 'the_value', { expires: 7 }); //쿠키의 유효기간을 7일간으로 지정  
$.cookie('the_cookie', '', { expires: -1 }); //cookie 삭제
$.cookie('the_cookie', null); //cookie 삭제

 

https://github.com/carhartl/jquery-cookie // jQuery 쿠키 js 다운로드 및 참조 

 

참고 : http://blog.naver.com/PostView.nhn?blogId=lazyker&logNo=110132802552

 

Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 105
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19176
공지 [미분류] 관련 링크 2010.05.23 33744
158 [미분류] 특정도메인으로 접속시 원하는도메인으로 리다이렉트 시키기 2010.01.31 19742
157 [HTML5] HEAD에 CSS, JS(자바스크립트), META 넣기 2004.05.24 19660
156 [Script] 부드럽게 슬라이딩 되면서 펼쳐지는 메뉴 (세로, 사이드메뉴) 10 2009.01.20 14197
155 [Script] 게시판 등 에서 웹페이지에서 특정 부분 감췄다보여주기 - 레이어 토글 1 2004.06.04 13640
154 [Script] iframe 자동 리사이즈 6 2007.04.16 13614
153 [Script] 레이어컨트롤 마우스오버 드롭다운 메뉴 2 2009.02.10 12546
152 [DIV] 이미지 없이 CSS로 둥근 모서리 구현하기 1 2008.12.31 12379
151 [Script] 전체화면 레이어 팝업 소스 2013.08.09 12011
150 [미분류] 태터에 제로보드 넣기 & Next, Prev 버튼 감추기 (by SkyRejoice) 2007.08.27 11303
149 [Script] PNG 알파 필터 사용하기 1 2007.04.21 10392
148 자바스크립트 TAB 메뉴 2009.01.20 10248
147 [HTML5] 프레임 나누기 (좌/우, 상/하) 2004.05.28 10065
146 [Script] 링크 자동으로 onfocus="blur()" 붙이기 (by 동철) 2009.02.23 9872
145 [Script] 페이지 이동 (메타태그, 자바스크립트, PHP) 2003.09.24 9803
144 [HTML5] dl, dt, dd 용례 2009.01.29 9762
143 [HTML5] pre 태그랑 xmp 태그의 차이점 1 2007.08.20 9668
142 [Script] 마우스오버 드롭다운 메뉴 (알릭님 수정본) 2009.01.30 9610
141 [Script] Iframe 크기 내용에 따라 자동조절하기 (by konahn) 1 2007.04.17 9579