> 웹 프론트엔드 > JS 튜토리얼 > 쿠키를 조작하기 위해 자바스크립트를 사용하는 튜토리얼 예제

쿠키를 조작하기 위해 자바스크립트를 사용하는 튜토리얼 예제

零下一度
풀어 주다: 2017-06-28 14:12:20
원래의
957명이 탐색했습니다.

쿠키

쿠키(때때로 복수형으로도 사용됨) 쿠키는 사용자를 식별하고 세션을 추적하기 위해 일부 웹사이트에서 사용자의 로컬 단말기에 저장한 데이터(일반적으로 암호화됨)를 참조합니다. RFC2109 및 2965에 정의된 사양은 모두 더 이상 사용되지 않으며 최근 대체된 사양은 RFC6265입니다.

쿠키의 역할

서버는 쿠키에 포함된 정보의 임의성을 사용하여 이 정보를 필터링하고 정기적으로 유지하여 HTTP 전송 중 상태를 확인할 수 있습니다. 쿠키의 가장 일반적인 적용은 등록된 사용자가 웹사이트에 로그인했는지 여부를 확인하는 것입니다. 사용자는 로그인 절차를 단순화하기 위해 다음번에 웹사이트에 접속할 때 사용자 정보를 유지할지 여부를 묻는 메시지를 받을 수 있습니다. 또 다른 중요한 응용 분야는 "장바구니" 처리입니다. 사용자는 일정 기간 내에 동일한 웹사이트의 다른 페이지에서 다른 제품을 선택할 수 있으며, 이 정보는 쿠키에 기록되어 최종 결제 시 해당 정보를 검색할 수 있습니다.

js는 쿠키를 설정합니다

document.cookie="popped=yes"

js는 쿠키를 얻습니다

function get_cookie(Name) { var search = Name + "="//검색된 값 var returnvalue = " " ;//(document.cookie.length > 0)인 경우 반환 값 { sd = document.cookie.indexOf(search); if (sd!= -1) { sd += 검색.길이; End = document.cookie.indexOf(";", sd); if (끝 == -1) > . 반환값=unescape(document.cookie.substring(sd, end)) } } 반환 값; }
//사용 방법:
get_cookie("popped");

쿠키의 만료 날짜 설정

예: 쿠키가 10일 후에 만료되도록 설정하려는 경우 그렇게 할 수 있습니다. 다음과 같이:

//현재 시간 가져오기 var date=new Date();var 만료Days=10;//날짜를 10일 후의 시간으로 설정 date.setTime(date.getTime()+expiresDays*24*3600 *1000);//userId 설정 및 userName의 두 쿠키는 10일 후에 만료되도록 설정되어 있습니다. document.cookie="userId=828; userName=hulk; 만료="+date.toGMTString();



여기서 GMT_String은 GMT 형식으로 표현된 시간 문자열입니다. 이 명령문은 userId 쿠키를 GMT_String으로 표시되는 만료 시간으로 설정합니다. 이 시간이 지나면 쿠키는 사라지고 액세스할 수 없게 됩니다.

쿠키 삭제

쿠키를 삭제하려면 만료 시간을 과거 시간으로 설정할 수 있습니다. 예:

//현재 시간 가져오기 var date=new Date();//날짜를 과거 시간으로 설정 date .setTime(date.getTime()-10000);//userId 쿠키 삭제 document.cookie="userId=828;expires="+date.toGMTString();


위 메소드는 아래에 요약되어 있습니다

var 쿠키 = { set:function(key,val,time){//쿠키 메소드 설정 var date=new Date(); //현재 시간을 가져옵니다. varexpiresDays=time; //날짜를 n일 후로 설정합니다. Date.setTime(date.getTime()+expiresDays*24*3600*1000); //쿠키가 인식하는 시간으로 포맷합니다. Document.cookie=key + "=" + val +";expires="+date.toGMTString() //쿠키 설정 }, Get:function(key){//쿠키 메소드 가져오기 /*쿠키 매개변수 가져오기*/ var getCookie = document.cookie.replace(/[ ]/g,""); //쿠키를 가져오고 공백 문자를 제거하도록 쿠키 형식을 지정합니다. var arrCookie = getCookie.split(";") //얻은 쿠키는 "세미콜론"으로 식별되며 쿠키를 arrCookie 배열에 저장됩니다. var Tips; //변수 팁 선언 for(var i=0;i                      사용 중 },
삭제:function(key){ //쿠키 메서드 삭제
var date = new Date(); //현재 시간 가져오기
Date.setTime(date.getTime()-10000) //날짜 설정 지난 시간
                                                                                         document.cookie = key + "=v; 만료 =" +date.toGMT 문자열();//쿠키 설정
                                                                                            팁 반환; } }

사용법:

cookie.set("uesr","sss",24);//24일 후에 만료되도록 설정
alert(cookie.get("uesr"));//쿠키 가져오기


위 내용은 쿠키를 조작하기 위해 자바스크립트를 사용하는 튜토리얼 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿