>  기사  >  웹 프론트엔드  >  자바스크립트에서 쿠키를 설정하는 방법 예시에 대한 자세한 설명

자바스크립트에서 쿠키를 설정하는 방법 예시에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-22 13:56:401161검색

JS를 사용하여 쿠키 설정

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

Instance


//取得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)==&#39; &#39;) { //判断一下字符串有没有前导空格
 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(&#39;test&#39;)); //取得cookie的值,显示tank
clearCookie("test"); //删除cookie的值
alert(getCookie(&#39;test&#39;)); //test对应的cookie值为空,显示为false.就是getCookie最后返的false值。

위 내용은 자바스크립트에서 쿠키를 설정하는 방법 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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