将 JSON 结果分解为本地存储键/值对

Question

我有一个有效的 JSON 结果：

{
"metadata": [
    {
        "name": "md1",
        "value": "blah1"
    },
    {
        "name": "md2",
        "value": "blah2"
    },
    {
        "name": "tee2",
        "value": "blah3"
    }
],
"subdata1": [
    {
        "name": "sd1_1",
        "value": "blah1_1"
    },
    {
        "name": "sd1_2",
        "value": "blah1_2"
    },
    {
        "name": "sd1_3",
        "value": "blah1_3"
    },
    {
        "name": "sd1_4",
        "value": "blah1_1"
    }
],
"subdata2": [
    {
        "name": "sd2_1",
        "value": "blah2_1"
    },
    {
        "name": "sd2_2",
        "value": "blah2_2"
    },
    {
        "name": "sd2_3",
        "value": "blah2_3"
    }
]

}

通过成功的 jQuery .ajax() 调用进入：

$.ajax({
           url: 'test.json',
           type: 'get',
           datatype: 'json',
           processData: false,
           success: function(data) { //do something...};

将整个结果组合成一个与整体键关联的值相对容易：

localStorage.setItem('newtest', data);

这会将我的整个 JSON 响应保存为一个带有名为“newtest”的键的值。但是假设我希望每个数组的描述符作为键名，关联数组作为值？在我的示例中，这将给我三个键/值对，每个数组保存为一个单独的字符串值，与分别名为“元数据”、“子数据1”和“子数据2”的键相关联。我进行了大量搜索，但没有找到正确的方法。非常感谢您对解决方案的任何帮助 - 感谢您的关注和帮助。

Answer 1

您可以执行 for 循环并将对象字符串化。

$.ajax({
    url: 'test.json',
    type: 'get',
    datatype: 'json',
    processData: false,
    success: function(data) {
        for(var key in data){
            localStorage.setItem(key, JSON.stringify(data[key]));
        }
    }
});

当你得到它们时再解析

JSON.parse(localStorage.getItem("metadata"));