JavaScript Cookie 操作のチュートリアルの例

Cookie

Cookie (Cookie という複数形でも使用されることもあります) は、ユーザーを識別してセッションを追跡するために、一部の Web サイトによってユーザーのローカル端末に保存されるデータ (通常は暗号化された) を指します。 RFC2109 と 2965 で定義された仕様は両方とも廃止され、置き換えられる最新の仕様は RFC6265 です。

Cookieの役割

サーバーは、Cookieに含まれる情報の任意性を利用して、この情報をフィルタリングし、定期的に維持して、HTTP送信のステータスを判断できます。 Cookie の最も一般的な用途は、登録ユーザーが Web サイトにログインしたかどうかを判断することです。ユーザーは、ログイン手順を簡素化するために、次回 Web サイトにアクセスするときにユーザー情報を保持するかどうかを尋ねられることがあります。もう 1 つの重要なアプリケーションは、「ショッピング カート」処理です。ユーザーは一定期間内に同じ Web サイトの異なるページで異なる商品を選択する場合があります。この情報は Cookie に書き込まれ、最終的な支払い時に情報を取得できるようになります。

jsがCookieを設定します

document.cookie="popped=yes"

jsがCookieを取得します

function get_cookie(Name) { var search = Name + "="//クエリ取得値 var returnvalue = " " ;//戻り値 if (document.cookie.length > 0) { sd = document.cookie.indexOf(search); if (sd!= -1) { sd += 検索.長さ; End = document.cookie.indexOf(";", sd); if (終了 == -1) end = document.cookie.length;
use out out out Through‐ Through out through out‐‐‐‐‐‐ ‐ way to be to be to be to be escape() を使用してエンコードされます。 戻り値=unescape(document.cookie.substring(sd, end)) } } 戻り値を返します。 }
//使用方法:
get_cookie("popped");

Cookie の有効期限を設定します

例: Cookie の有効期限が 10 日後に期限切れになるように設定したい場合は、次のように設定できます。次のように:

//現在の時刻を取得する var date=new Date();varexpiresDays=10;//日付を 10 日後の時刻に設定します date.setTime(date.getTime()+expiresDays*24*3600) *1000);//userId と userName の 2 つの Cookie は 10 日後に期限切れになるように設定されます document.cookie="userId=828; userName=hulk;expires="+date.toGMTString();

ここで、GMT_String は GMT 形式で表される時刻文字列です。このステートメントは、userId Cookie を GMT_String で表される有効期限に設定します。この時間が経過すると、Cookie は消えてアクセスできなくなります。

Cookie を削除する
Cookie を削除するには、その有効期限を過去の時刻に設定できます。例:

// 現在の時刻を取得します var date=new Date();// 日付を過去の時刻に設定しますdate .setTime(date.getTime()-10000);//userId cookie を削除します document.cookie="userId=828;expires="+date.toGMTString();

上記のメソッドは以下にカプセル化されています

var クッキー = { set:function(key,val,time){//Cookie メソッドを設定します var date=new Date() // 現在時刻を取得します。 varexpiresDays=time; //日付をn日後の時刻に設定します。 Date.setTime(date.getTime()+expiresDays*24*3600*1000); //Cookie が認識する時刻にフォーマットします。 Document.cookie=key + "=" + val +";expires="+date.toGMTString(); // クッキーを設定します }, Get:function(key){//Cookie メソッドの取得 /*Cookieパラメータを取得*/ var getCookie = document.cookie.replace(/[ ]/g,""); // Cookie を取得し、スペース文字を削除するように Cookie をフォーマットします。 var arrCookie = getCookie.split(";") //取得したCookieを「セミコロン」で識別し、arrCookieの配列に保存します vartips; //変数のヒントを宣言します。 for(var i=0;i Delete:function(key){ //Cookie メソッドを削除します
var date = new Date(); // 現在の時刻を取得します
Date.setTime(date.getTime()-10000); // 日付を設定します過去の時間
document.cookie = key + "=v;expires =" + date.toGMTString();//Cookie を設定します
ヒントを返す; } }

使用法:

cookie.set("uesr","sss",24);//有効期限が 24 日になるように設定します
alert(cookie.get("uesr"));//Cookie を取得します

以上がJavaScript Cookie 操作のチュートリアルの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。