如何将对象存储在本地文件中？

Posted 2023-03-16

【中文标题】如何将对象存储在本地文件中？

【英文标题】：How can i store objects in local file?

【发布时间】：2019-09-11 12:43:11

【问题描述】：

我正在创建一个测验。 在页面中，用户可以向测验添加问题。 我怎样才能简单地将这些新问题保存在本地文件中？ 我希望下次启动页面时拥有它...

我尝试过获取 POST 请求，但出现 405 错误。

GET 请求工作正常..

fetch('./questions.json', 
    method: 'POST',
    body: JSON.stringify(
        name: 'dean',
        login: 'dean',
    )
)
.then(function (data) 
    console.log('Request success: ', data);
)
.catch(function (error) 
    console.log('Request failure: ', error);
);

fetch('./questions.json').then((response) => 
    if (response.ok) 
        return response.json();
    
    throw new Error('Request failed! ');
)
.then((Jsondata) => 
    console.log(Jsondata[0])
)
.catch(error => 
    console.log(error.message)
);

我在获取 POST 请求时做错了什么？ 存储用户添加的信息的最佳选择是什么？ 为什么本地 json 文件不起作用？也许我应该使用外部 JSON 文件？

如果你能帮助我，我会很高兴......

【参考方案1】：

localStorage 是一个 javascript 变量，其作用类似于字典变量（键值对），在上面的代码中，“responseData”是您的数据存储位置的键。 setItem 函数用于在您清除数据将删除的缓存时将数据保存在临时位置。 使用 getItem 函数从键中获取值。我们再次存储在变量 resData 中。

    //storing temp data
    localStorage.setItem('responseData',data);
    //featching temp data
    var resData = localStorage.getItem('responseData');