sessionStrageとlacalStorageとクッキー

1953 ワード

sessionStrageとlacalStorageとクッキーの違いと利点
sessionStorageとlocalStorageはHTML 5の新しい特性で、Webリクエスト間でデータを容易に保存できます.ローカルデータストレージがあります.ブラウザとサーバ間で不要なデータの転送を回避できます.
sessionStorage、localStorage、cookie          
sessionStorage   “     ”   。sessionStorage             。             。  “  ”                   。
web Stroage     :      :          ,             。


区別する
クッキーデータは、必要でなくても、ブラウザとサーバ間でクッキーが往復伝達される、同源httpリクエストに常に携帯される.sessionStorageとlocalStorageでは、サーバに自動的にデータが送信されず、ローカルでのみ保存されます.クッキーデータにはパス(path)の概念もあり、クッキーがあるパスの下にのみ属することを制限することができる.ストレージサイズの制限も異なり、クッキーデータは4 kを超えることはできません.また、httpリクエストのたびにクッキーを携帯するため、クッキーはセッションIDなどの小さなデータを保存するのに適しています.sessionStorageとlocalStorageにはストレージサイズの制限もありますが、クッキーよりはるかに大きく、5 M以上に達することができます.データの有効期間が異なり、sessionStorage:現在のブラウザウィンドウが閉じる前にのみ有効であり、自然と永続的に保持することはできません.localStorage:常に有効であり、ウィンドウまたはブラウザが閉じても保存されるため、永続的なデータとして使用されます.ウィンドウやブラウザが閉じていても、設定したクッキーの有効期限まで有効です.役割ドメインが異なり、sessionStorageは同じページでも異なるブラウザウィンドウで共有されません.localStorageはすべての同源ウィンドウで共有されています.クッキーもすべての同源ウィンドウで共有されています.Web Storageはイベント通知メカニズムをサポートし、データ更新の通知をリスナーに送信することができます.Web Storageのapiインタフェースの方が使いやすいです.sessionStorageとlocalStorageの違いは、上記の違い3、4 sessionStorageとページjsデータオブジェクトの違いページの一般的なjsオブジェクトまたはデータの生存期間が現在のページのみ有効であるため、ページをリフレッシュしたり、別のページに移動したりするような再ロードページの場合、データは存在しません.一方、sessionStorageは、同じソースの同じウィンドウ(またはtab)でページをリフレッシュしたり、同じソースの異なるページに入ったりする限り、データは常に存在します.つまり、このブラウザウィンドウが閉じられていない限り、新しいページをロードしたり、再ロードしたりしても、データは存在します.cookie、容量4 kb、デフォルトの各種ブラウザはすべてサポートして、欠陥は毎回要求して、ブラウザはすべて本機の保存したcookiesをサーバーに送信して、無形の中で帯域幅を浪費します.userdataは、ieのみがサポートし、単一容量64 kbであり、ドメイン名ごとに最大10個の合計640 kデータを格納することができる.デフォルトはC:Documents and SettingsAdministratorUserDataディレクトリに保存され、xml形式で保存されます.userdataの詳細について
なぜCookieではなくWeb Storageを選んだのですか?
Web Storageのメリットは次のとおりです.
  • ストレージスペースはクッキーより大きい
  • ストレージコンテンツはサーバに送信されません.クッキーのコンテンツはリクエストとともにサーバに送信され、ローカルストレージにはブロードバンドの浪費です.
  • 独立したストレージスペース.データの混乱は起こりません.4.より豊富で使いやすいインタフェースにより、データ操作をより簡単にする