jsでcookies_javascriptスキルを設定して使用する簡単な方法

この記事の例では、js で Cookie を簡単に設定して使用する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

1. js を使用して Cookie を設定する

PHP では Cookie を設定できます。js を使用して Cookie を設定する利点は何ですか?フロントエンドで操作する場合、多くのパラメータを渡す必要がある場合、これらのパラメータを URL の後ろに接続して、そこで値を渡すことができますが、これは非常に面倒です。これらのデータを Cookie に入れます。開発者の開発効率に関する限り、タオバオを例にとると、第 1 レベルの分類、第 2 レベルの分類、第 3 レベル、第 4 レベルの分類があります。 -level 商品を探すときに、さまざまな条件が含まれる場合がありますが、これらの条件をすべて Cookie に含めた方が便利だと思います。タオバオの 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 プログラミングのすべての人に役立つことを願っています。