이 글의 예시에서는 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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.