js簡単な設定とクッキーの使用方法

1924 ワード

この例では、jsの簡単な設定とクッキーの使用方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
一、js設定クッキーの用途
phpはクッキーを設定できますが、jsでクッキーを設定するメリットは何ですか?フロントエンドで操作する时、时には多くのパラメータを伝えることができます.この时、私たちはこれらのパラメータをurlの后ろにつなぎ合わせて値を伝えることができます.あちらはパラメータを受信していますが、これは面倒です.もしこれらのデータをcookieの中に入れたら、开発者の开発効率について言えば、私は少し高くなると思います.淘宝を例にとると、彼は1级の分类、2级の分类、3级の分类があります.四級、私たちが商品を探しているとき、多くの条件にかかわるかもしれませんが、これらの条件をクッキーの中に入れると、私は便利になります.宝を洗うのがそうかどうか分かりません.タオバオのurlは密に入っていて、長いので、urlの後ろに根がある可能性があります.余計なことを言わないで小さな例を見てください.
二、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プログラムの設計に役立つことを願っています.