>  기사  >  웹 프론트엔드  >  Js 쿠키 동작(설정, 읽기, 삭제) 예시에 대한 자세한 설명

Js 쿠키 동작(설정, 읽기, 삭제) 예시에 대한 자세한 설명

零下一度
零下一度원래의
2017-05-18 11:53:211627검색

Js 쿠키 동작 요약(설정,읽기,삭제) 업무에서 자주 사용하는! 다음은 상세 코드입니다. 오류가 있는 경우 수정 메시지를 남겨주세요!

JavaScript는 클라이언트 측에서 실행되는 스크립트이므로 Session이 서버 측에서 실행되기 때문에 일반적으로 Session 설정이 불가능합니다.

쿠키는 클라이언트에서 실행되므로 JS를 사용하여 쿠키를 설정할 수 있습니다.

이런 상황이 있다고 가정해 보겠습니다. 특정 사용 사례 프로세스에서는 페이지 A에서 B로 이동합니다. JS를 사용하여 A 페이지에서 temp 변수를 사용하여 특정 변수의 값을 저장하는 경우 B 페이지에서 temp 변수 값을 참조하기 위해 JS도 사용해야 합니다. JS에서 전역 변수 또는 정적 변수의 수명 주기는 제한됩니다. , 페이지 이동이 발생하거나 페이지가 닫히면 이러한 변수의 값이 다시 로드됩니다. 즉, 저장 효과가 달성되지 않습니다. 이 문제에 대한 가장 좋은 해결책은 쿠키를 사용하여 변수의 값을 저장하는 것입니다. 그렇다면 쿠키를 설정하고 읽는 방법은 무엇입니까?

먼저 쿠키의 구조를 조금 이해해야 합니다. 간단히 말하면 쿠키는 키-값 쌍의 형태, 즉 키=값 형식으로 저장됩니다. 각 쿠키는 일반적으로 ";"로 구분됩니다.

JS 쿠키 설정:

페이지 A에서 변수 사용자 이름("jack")의 값을 쿠키에 저장하고 키를 저장한다고 가정합니다. 값은 name이고 해당 JS 코드는 다음과 같습니다.

document
.cookie="name="+username;

JS가 쿠키를 읽습니다.

쿠키에 저장된 콘텐츠는 다음과 같습니다. name=jack; 비밀번호=123

페이지 B에서 사용자 이름 변수의 값을 가져오는 JS 코드는 다음과 같습니다.

var username=document.cookie.split(";")[0].split("=")[1];
//JS操作cookies方法!
//写cookies
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

쿠키 읽기

function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}

쿠키 삭제

rree

【관련 추천】

브라우저 종료 후 세션 및 쿠키 소멸 문제 해결 방법

2. 쿠키란? 쿠키는 무엇을 위해 사용됩니까?

위 내용은 Js 쿠키 동작(설정, 읽기, 삭제) 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.