javascript 쿠키 생 성 및 저장 예제

쿠키 란 무엇 입 니까? 쿠키 는 방문 자의 컴퓨터 에 저 장 된 변수 입 니 다.같은 컴퓨터 가 브 라 우 저 를 통 해 페이지 를 요청 할 때마다 이 쿠키 를 보 냅 니 다.자 바스 크 립 트 를 사용 하여 쿠키 의 값 을 만 들 고 되 찾 을 수 있 습 니 다.
쿠키 사용 장면: 이름 쿠키 는 방문 자가 처음으로 페이지 를 방문 할 때 그 나 그녀 가 그 / 그들의 이름 을 작성 할 수 있 습 니 다.이름 은 쿠키 에 저 장 됩 니 다.방문 자가 웹 사 이 트 를 다시 방문 하면 'Welcome John Doe!' 와 같은 환영 사 를 받는다.이름 은 쿠키 에서 되 찾 습 니 다.
암호 쿠키 는 방문 자가 처음으로 페이지 를 방문 할 때 그 나 그녀 가 그의 비밀 번 호 를 입력 할 수도 있 습 니 다.비밀번호 도 쿠키 에 저장 할 수 있 습 니 다.그들 이 다시 사 이 트 를 방문 할 때 비밀 번 호 는 쿠키 에서 되 찾 습 니 다.
날짜 쿠키 는 방문 자가 처음으로 웹 사 이 트 를 방문 할 때 현재 날 짜 는 쿠키 에 저장 할 수 있 습 니 다.그들 이 다시 사 이 트 를 방문 할 때, 그들 은 이와 같은 소식 을 받 을 것 이다. "Your last visit was on Tuesday August 11, 2005!"날짜 도 쿠키 에서 찾 았 습 니 다.
쿠키 를 만 들 고 저장 합 니 다. 이 예 에서 방문 자의 이름 을 저장 하 는 쿠키 를 만 듭 니 다.방문 자가 처음으로 사 이 트 를 방문 할 때, 그들 은 이름 을 기입 하도록 요 구 받 을 것 이다.이름 은 쿠키 에 저 장 됩 니 다.방문 자가 다시 사 이 트 를 방문 하면 환영 사 를 받는다.
우선, 저 희 는 쿠키 변수 에 방문 자의 이름 을 저장 할 수 있 는 함 수 를 만 들 것 입 니 다.
쿠키 를 만 드 는 것 은 사실 String 을 맞 추 는 것 입 니 다.
"username = amosli; expires = Mon, 16 Dec 2013 16: 20: 04 GMT" 그리고 document. cookie = 위의 String 을 사용 하면 됩 니 다.

 
  
function setCookie(c_name,value,expiredays) 
  
{ 
  
var exdate=new Date() 
  
exdate.setDate(exdate.getDate()+expiredays) 
  
document.cookie=c_name+ "=" +escape(value)+ 
  
((expiredays==null) ? "" : ";expires="+exdate.toGMTString()) 
  
} 
  
 
 

위의 함수 에 있 는 매개 변 수 는 쿠키 의 이름, 값, 만 료 일수 가 있 습 니 다.
위의 함수 에서 저 희 는 먼저 일 수 를 유효한 날짜 로 바 꾼 다음 에 쿠키 이름, 값 과 기한 이 지난 날 짜 를 document. cookie 대상 에 저장 합 니 다.
그 후에 우 리 는 쿠키 가 설정 되 어 있 는 지 확인 하기 위해 다른 함 수 를 만 들 것 입 니 다.
getCookie () 의 핵심 은 한 마디 로 document. cookie 입 니 다. 나머지 부분 은 문자열 을 처리 하 는 것 입 니 다.

 
  
function getCookie(c_name) 
  
{ 
  
if (document.cookie.length>0) 
  
  { 
  
  c_start=document.cookie.indexOf(c_name + "=") 
  
/* 
  
cookie      :"username=amosli; ASPSESSIONIDQAAADBDD=GGIJNHCDKGNFEGJIIFDNNION; __utma=119627022.986713705.1387205055.1387205055.1387208465.2; __utmb=119627022.3.10.1387208465; __utmc=119627022; __utmz=119627022.1387208465.2.2.utmcsr=google|utmccn=(organic)|utmcmd=organic|utmctr=(not%20provided)" 
  
*/ 
  
if (c_start!=-1){ 
  
    c_start=c_start + c_name.length+1 
  
    c_end=document.cookie.indexOf(";",c_start) 
  
    if (c_end==-1) c_end=document.cookie.length 
  
    return unescape(document.cookie.substring(c_start,c_end)) 
  
    } 
  
  } 
  
return "" 
  
} 
  
  
 

위의 함 수 는 먼저 document. cookie 대상 에 쿠키 가 저장 되 어 있 는 지 확인 합 니 다.document. cookie 대상 에 쿠키 가 저장 되 어 있다 면 지정 한 쿠키 가 저장 되 어 있 는 지 계속 확인 할 것 입 니 다.우리 가 원 하 는 쿠키 를 찾 으 면 값 을 되 돌려 줍 니 다. 그렇지 않 으 면 빈 문자열 을 되 돌려 줍 니 다.
마지막 으로 우 리 는 함 수 를 만 들 려 고 합 니 다. 이 함수 의 역할 은 쿠키 가 설정 되 어 있 으 면 환영 어 를 표시 합 니 다. 그렇지 않 으 면 알림 상 자 를 표시 하여 사용자 에 게 이름 을 입력 하 라 고 요구 합 니 다.

 
  
function checkCookie() 
  
{ 
  
username=getCookie('username') 
  
if (username!=null && username!="") 
  
  {alert('Welcome again '+username+'!')} 
  
else 
  
  { 
  
  username=prompt('Please enter your name:',"") 
  
  if (username!=null && username!="") 
  
    { 
  
    setCookie('username',username,365) 
  
    } 
  
  } 
  
} 
  
 
 

이것 은 모든 코드 입 니 다:

 
  
 
  
 
  
 
  <br>function getCookie(c_name) 
  <br>{ 
  <br>if (document.cookie.length>0) 
  <br>  { 
  <br>  c_start=document.cookie.indexOf(c_name + "=") 
  <br>  if (c_start!=-1) 
  <br>    { 
  <br>    c_start=c_start + c_name.length+1 
  <br>    c_end=document.cookie.indexOf(";",c_start) 
  <br>    if (c_end==-1) c_end=document.cookie.length 
  <br>    return unescape(document.cookie.substring(c_start,c_end)) 
  <br>    } 
  <br>  } 
  <br>return "" 
  <br>} 
  <p></p> 
  <p>function setCookie(c_name,value,expiredays)<br>{<br>var exdate=new Date()<br>exdate.setDate(exdate.getDate()+expiredays)<br>document.cookie=c_name+ "=" +escape(value)+<br>((expiredays==null) ? "" : ";expires="+exdate.toGMTString())<br>}</p> 
  <p>function checkCookie()<br>{<br>username=getCookie('username')<br>if (username!=null && username!="")<br>  {alert('Welcome again '+username+'!')}<br>else <br>  {<br>  username=prompt('Please enter your name:',"")<br>  if (username!=null && username!="")<br>    {<br>    setCookie('username',username,365)<br>    }<br>  }<br>}<br>