localStorageオブジェクトの保存

927 ワード

localStorageとは
HTML 5には、ローカルストレージとして主に使用されるlocalStorageプロパティが新たに追加され、cookieのストレージスペースが不足している問題(cookieの各cookieのストレージスペースは4 k)を解決し、localStorageの一般的なブラウザでは5 Mサイズがサポートされており、これはブラウザによってlocalStorageが異なる.
localStorageのメリット
1、localStorageはクッキーの4 K制限を広げた2、localStorageは最初に要求したデータを直接ローカルに保存できる.これは5 Mサイズのフロントエンドページ向けのデータベースに相当し、クッキーより帯域幅を節約できるが、これは高バージョンのブラウザでしかサポートされていない3、localStorageとsessionStorageの唯一の違いは、localStorageが永続的なストレージに属し、sessionStorageがセッションが終了すると、sessionStorageのキー値ペアが空になります.
localStorageの使用
localStorage.getItem(key):    key      
localStorage.setItem(key,value): value   key  

localStorageオブジェクトの保存
localstorageを使用します.setItem(name,value)がJSONオブジェクトを格納とブラウザに格納されているコンテンツは[object,object]であり、私たちが望むコンテンツではないことがわかります.これは、格納時にタイプ変換が行われていないため、localstorageを使用しています.setItem()は、オブジェクトの格納を行う前にJSONを使用する必要がある.stringify(object)はタイプ変換を行い、JSON文字列に変換して記憶すると私たちが望むようになります{‘xxx’:‘11111’}