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

时间:2019-04-22 09:46:36

标签: javascript file fetch local store

我正在创建测验。 在页面中,用户可以向测验中添加问题。 我如何简单地将这些新问题保存在本地文件中? 我想在下次启动页面时使用它。

我尝试获取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 个答案:

答案 0 :(得分:0)

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

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