Comment implémenter le stockage localStorage et lire JSON

Cette fois, je vais vous montrer comment implémenter le stockage localStorage pour lire JSON. Quelles sont les précautions pour que le stockage localStorage lise JSON. Ce qui suit est un cas pratique, jetons un coup d'œil.

localStorage est une méthode fournie par HTML5 pour implémenter le stockage local sur le client. Cependant, la méthode localStorage ne peut stocker que des chaînes . Parfois, nous devons stocker <.>Objet en local, par exemple : JSON ; alors, comment localStorage peut-il réaliser le stockage et la lecture des données JSON ?

Idée : étant donné que localStorage ne peut stocker que des données de chaîne, nous pouvons d'abord convertir l'objet JSON en chaîne, puis le stocker à l'aide de la méthode localStorage lorsque nous avons besoin d'utiliser ces données JSON, lisez-les d'abord. puis convertissez-le en un objet JSON à utiliser.

Le code spécifique est le suivant :

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

Extension :

stringify() est utilisé pour analyser une chaîne à partir d'un objet

parse ; () est utilisé Utilisé pour analyser un objet json à partir d'une chaîne.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de la méthode de stockage H5

postMessage implémente la messagerie inter-domaines et inter-fenêtres

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!