クッキー、localstorage、またはsessionstorage?

Cookie、LocalStorage、およびSessionStorageはクライアント側ストレージ用のすべての単純なデータストレージ方法です.クッキーは、クライアント側に格納された単純なデータを扱う古い学校の方法のようです.HTML 5では、LocalStorageやSessionStorageなどのWebストレージが導入され、それも使いやすいです.

クッキー

Persistence :ユーザーは各クッキーの期限を設定できます.

ストレージ:全体のクッキーデータに対して約4 KBスペースしかない.

トラフィック:データをすべてのHTTPリクエストのサーバーに送信する必要があります.

古いブラウザ用に動作します.

局所記憶
持続性:それが削除されるまで、データは存在します

保管:利用できるスペースは、およそ5 MB

に増加します

トラフィック:HTTP要求のすべてがサーバ

にデータを送り返す必要がないので、より少ないトラフィック

ドメイン:データは同じドメインにとどまります.そして、それがデータがウェブサイトAに保存されるならば、次に、それがウェブサイトAでのみアクセスされることができる次の時間はここで使用されるドメインを明確にするために同じウェブサイトフィールドを意味します.たとえば、Facebookに登録されている別の投稿または別の個人ページは、Facebookの下にあるすべてのです.COM .その結果、それらのページはすべて同じドメインの下にあります.

貯水量
SessionStorageはLocalStorageに似ています.唯一の違いは、データの永続性になります.SessionStorageのために、一旦ユーザーがタブまたはウインドウを閉じるように、一旦ユーザーがドメインを去るならば、SessionStorageは空にされます.

LocalStorageとSessionStorageを使う方法?
LocalStorageとSessionStorageはキー値ペアを使用します、そして、彼らの構文は類似しています.以下がその例である.

構文

//To store the data:
localStorage.setItem(“key”,”value”);

//To retrieve the data:
localStorage.getItem(“key”);

//To update the data (the same as to store the data):
localStorage.setItem(“key”,”value”);

//To remove one entry:
localStorage.removeItem(“key”);

//To clear all the data:
localStorage.clear();