>웹 프론트엔드 >JS 튜토리얼 >Cookies_javascript 기술을 설정하고 사용하는 Node.js의 간단한 방법

Cookies_javascript 기술을 설정하고 사용하는 Node.js의 간단한 방법

WBOY
WBOY원래의
2016-05-16 15:18:441943검색

이 글의 예시에서는 js에서 쿠키를 간단하게 설정하고 사용하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

1. js를 사용하여 쿠키 설정

PHP는 쿠키를 설정할 수 있습니다. js를 사용하여 쿠키를 설정하면 어떤 이점이 있나요? 프런트엔드에서 작업을 하다보면 가끔 많은 매개변수를 전달해야 하는 경우가 있는데, 이때 이 매개변수들을 URL 뒤에 붙여서 거기에서 값을 전달하면 되는데, 이렇게 하면 꽤 번거롭습니다. 이러한 데이터를 쿠키에 넣습니다. 개발자의 개발 효율성에 관한 한 타오바오를 예로 들면 1급 분류, 2급 분류, 3급, 4급 분류가 있습니다. -수준. 우리가 제품을 찾을 때 많은 조건이 포함될 수 있습니다. 이 모든 조건을 쿠키에 넣는 것이 훨씬 더 편리하다고 생각합니다. Taobao의 URL은 암호화되어 있으며 매우 길며 URL의 뒷부분에 루트가 있을 수 있습니다. 더 이상 고민하지 않고 작은 예를 살펴보겠습니다.

2.js 예시

//取得cookie
function getCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';'); //把cookie分割成组
 for(var i=0;i < ca.length;i++) {
 var c = ca[i]; //取得字符串
 while (c.charAt(0)==' ') { //判断一下字符串有没有前导空格
 c = c.substring(1,c.length); //有的话,从第二位开始取
 }
 if (c.indexOf(nameEQ) == 0) { //如果含有我们要的name
 return unescape(c.substring(nameEQ.length,c.length)); //解码并截取我们要值
 }
 }
 return false;
}
//清除cookie
function clearCookie(name) {
 setCookie(name, "", -1);
}
//设置cookie
function setCookie(name, value, seconds) {
 seconds = seconds || 0; //seconds有值就直接赋值,没有为0,这个根php不一样。
 var expires = "";
 if (seconds != 0 ) { //设置cookie生存时间
 var date = new Date();
 date.setTime(date.getTime()+(seconds*1000));
 expires = "; expires="+date.toGMTString();
 }
 document.cookie = name+"="+escape(value)+expires+"; path=/"; //转码并赋值
}

위 메소드 호출:

setCookie("test","tank",1800); //设置cookie的值,生存时间半个小时
alert(getCookie('test')); //取得cookie的值,显示tank
clearCookie("test"); //删除cookie的值
alert(getCookie('test')); //test对应的cookie值为空,显示为false.就是getCookie最后返的false值。

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

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