Cookie、Sessionstorage、Localstorageクイック

Cookie、Sessionstorage、Localstorageクイック
まず区別を言う
cookie:

データサイズは4 KBを超えてはいけません.

需要があるかどうかにかかわらず、クッキーデータはHTTPリクエストで携帯され、ブラウザとサーバで往復し、リソースを占有します.

は、バックエンド設定を変更することができ、データはローカルブラウザでのみ保存されます.

クッキーデータは、あるパスの下にのみクッキーが属することを制限するパスを設定することができる.

デフォルトのデータ失効はブラウザを閉じることであり、失効時間

を設定することもできる.
sessionStorage:

データサイズ5 M以上.

はHTTPリクエストに追従しないので、リソースを占有しません.

データはブラウザが閉じた状態である限り、ウィンドウを閉じるとデータが破棄される.「一時記憶」

と言える.

sessionStorageは、同じページを開いても異なるブラウザウィンドウでデータを共有しません.

localStorage :

データサイズ5 M以上.

はHTTPリクエストに追従しないので、リソースを占有しません.

データはローカルハードウェアデバイス(通常はハードディスクを指すが、他のものでもよい)に保存され、ユーザーが自発的に削除する必要があります.そうしないと、永続的に保存されます.異なるブラウザ間ではデータは共有されません.

クッキーの使い方
クッキーはパッケージを書くこともできるし、書いたフレームワークを直接使うこともできます.ここでお勧めしましょう.cookies.2.2.0.min.js’;もう一つはcookieですjsのもいいですが、個人的には「jquery.cookies.2.0.min.js」は使いやすいとは思いません.
まず、JavaScriptの原生的な使い方についてお話しします.
Cookieは、例えばusername=John Doeを名前/値ペアで格納し、ここでのデータはstringタイプであり、他のフォーマットでフォーマット変換に注意する場合がある.
JavaScriptはdocumentを使用できます.クッキープロパティを使用して、クッキーを作成、読み取り、削除します.JavaScriptでは、作成クッキーを以下に示します.document.cookie="username=John Doe";クッキーには、UTCまたはGMT時間で期限切れ時間を追加することもできます.デフォルトでは、クッキーはブラウザが閉じたときに削除されます:document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT"; pathパラメータを使用してブラウザクッキーのパスを伝えることができます.デフォルトでは、クッキーは現在のページに属します.document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
クッキーの設定

function setCookie(cname,cvalue,exdays)
{
  var SetTime = new Date();                                         //      
  SetTime.setTime(SetTime.getTime()+(exdays*24*60*60*1000));        //      
  var expires = "expires="+SetTime.toGMTString();                   //      
  document.cookie = cname + "=" + cvalue + "; " + expires;          //    cookie
}

クッキーの読み込み

function getCookie(c_name)
{
if (document.cookie.length>0) 
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}

クッキーの削除
クッキーの有効時間を昨日に変更します.
cookies.js
ここではcookiesを使っています.jsここではcookiesを使っています.jsはクッキーじゃないjsは2つの異なるプラグインで、混同しやすいです
上の方法がちょっと面倒だと思ったら、パッケージされたプラグインを使いましょう.「jquery.cookies.2.0.min.js」
クッキーを追加/変更し、有効期限を設定します.`$.cookies.set('cookie_id', 'cookie_value', { hoursToLive: 10 });ここでは、有効期限が10時間であることを設定します.また、有効期限を設定することもできます.

expireDate = new Date();

expireDate.setTime( expireDate.getTime() + ( 10 * 60 * 60 * 1000 ) );

$.cookies.set('cookie_id', 'cookie_value', {expiresAt:expireDate});

クッキーの取得$.cookies.get('cookie_id');
クッキーの削除$.cookies.del('cookie_id');
SessionStorageの使い方
H 5はweb storageのサポートに友好的で、使い方が簡単です

sessionStorage.getItem(keyName);          //    key       
//  
var keyName=sessionStorage.key;


----------


sessionStorage.setItem(keyName,value);   //  value   key   
//  
sessionStorage.keyName='value';


----------


sessionStorage.removeItem(keyName);     //     ke       

localStorageの使い方
基本的にsessionStorageと同じです.

localStorage.getItem(keyName);          //    key       
//  
var keyName=localStorage.key;


----------


localStorage.setItem(keyName,value);   //  value   key   
//  
localStorage.keyName='value';


----------


localStorage.removeItem(keyName);     //     ke       

            sessionStorage.clear();   //    sessionStorage  
            localStorage.clear()      //    localStorage