ホームページ >ウェブフロントエンド >H5 チュートリアル >localStorage ストレージと JSON の読み取りを実装する方法
今回は、localStorage から JSON を読み取る方法と、localStorage から JSON を読み取る際の 注意事項 を説明します。実際のケースを見てみましょう。
localStorage は、クライアント側でローカル ストレージを実装するために HTML5 によって提供されるメソッドですが、場合によっては、次のような string データをローカルに保存する必要があります。 localStorage について JSON データを保存および読み取るにはどうすればよいですか?アイデア: localStorage は文字列データのみを保存できるため、最初に JSON オブジェクトを文字列に変換し、次に localStorage メソッドを使用してそれを保存できます。これらの JSON データを使用する必要がある場合は、まずそれらを読み取ってから、次に、それを JSON オブジェクトに変換して使用します。 具体的なコードは次のとおりです: var jsonData = {'name': '张三', 'age': 29}; // 定义一个JSON对象
var str_jsonData = JSON.stringify(jsonData);
console.log(typeof(str_jsonData)); // string
localStorage.setItem('localData', str_jsonData); // 存储字符串数据到本地
var getLocalData = localStorage.getItem('localData'); // 读取字符串数据
console.log(typeof(getLocalData)); // string
var jsonObj = JSON.parse(getLocalData);
console.log(typeof(jsonObj)); // obj
console.log(jsonObj.age); // 29拡張機能:
stringify() はオブジェクトから文字列を解析するために使用され、
parse() は文字列から json オブジェクトを解析するために使用されます。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
H5の保存方法の詳細な説明postMessageはクロスドメインおよびクロスウィンドウメッセージングを実装します
以上がlocalStorage ストレージと JSON の読み取りを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。