如何将 json 文件加载到本地存储？

Question

是否可以将 JSON 文件的内容加载到本地存储？在我的例子中，我有一个 JSON 文件，它是一个对象数组。我想在启动应用程序时将 JSON 文件加载到本地存储中，然后我想访问本地存储中的数组以显示在 DOM.

中

这是我发现的似乎有效的方法。我是新手，所以我不完全理解这是否是最佳解决方案。

var catObjArray = require ('./data/cats.json');
var newObject = JSON.stringify(catObjArray)
console.log(newObject)

// Put the cat array of objects into local storage
localStorage.setItem('catObject', JSON.stringify(catObjArray));

// Retrieve the cat array of objects from local storage
var catsFromLocalStorage = localStorage.getItem('catObject');

console.log('retrievedCatObjArray: ', JSON.parse(catsFromLocalStorage));

Answer 1

一切正常，但您不需要字符串化和解析数据来使用存储

<script type="text/javascript">
            
 $.getJSON('./data/cats.json', function(json) {
 

// Put the cat array of objects into local storage
localStorage.setItem('catObject', json);

createHtml();

   });

function createHtml()
{
// Retrieve the cat array of objects from local storage
var catsFromLocalStorage = localStorage.getItem('catObject');

  ...your code

};

</script>

如何将 json 文件加载到本地存储？

How can you load a json file into localstorage?

json

local-storage