본문 바로가기

Dev/Javascript&Jquery

Javascript Cookie

728x90
반응형

jQuery 플러그인 사용 하는 방법도 있지만.

이번에는 javascript를 이용해서 Client에 쿠키를 만들어 처리 해야 하는 경우 사용.

 

 

쿠기값 확인

var userInputId = getCookie("system_login");

 system_login 값은 쿠기 이름임.

 

쿠기값 세팅

setCookie("system_login", temp_UserId, 30);

  system_login 쿠키이름에 temp_UserId 값을 저장하고 저장 기간은 30일로 설정.

 

쿠키값을 처리하는 함수

function setCookie(cookieName, value, exdays){
	var exdate = new Date();
	exdate.setDate(exdate.getDate() + exdays);
	var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toGMTString());
	document.cookie = cookieName + "=" + cookieValue;
}
	       	 
function deleteCookie(cookieName){
	var expireDate = new Date();
	expireDate.setDate(expireDate.getDate() - 1);
	document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString();
}
	       	 
function getCookie(cookieName) {
	cookieName = cookieName + '=';
	var cookieData = document.cookie;
	var start = cookieData.indexOf(cookieName);
	var cookieValue = '';
	if(start != -1){
		start += cookieName.length;
	    var end = cookieData.indexOf(';', start);
	    if(end == -1)end = cookieData.length;
	    cookieValue = cookieData.substring(start, end);
	}
    return unescape(cookieValue);
}

 setCookie는 쿠키값을 설정

 deleteCookie는 쿠키값을 삭제

 getCookie는 쿠키값을 읽을때 사용

728x90
반응형

'Dev > Javascript&Jquery' 카테고리의 다른 글

모바일 바코드 스캔  (0) 2022.05.10
구글맵- 마커사용하기  (0) 2020.07.31
AJAX 이용시 상위 엘리먼트 접근 방법  (0) 2020.07.16
IP를 통한 위치 좌표 코드 받기  (0) 2020.07.16