Как я могу хранить объекты в локальном файле?

Question

Я создаю тест.На странице пользователь может добавить вопрос в тест.Как я могу просто сохранить эти новые вопросы в локальном файле?Я хотел бы получить его в следующий раз, когда я запускаю страницу ...

Я пытался получить запрос 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 Patch?Как лучше всего хранить информацию, которую добавляют пользователи?Почему локальный файл JSON не работает?может я должен использовать внешний файл JSON?

Я буду так рад, если ты поможешь мне ...

Answer 1

localStorage - это переменная javascript, которая действует как переменная словаря (пара ключ-значение). В приведенном выше коде responseData является ключом для вашего места хранения данных. Функция setItem, используемая для сохранения данных во временном местоположении, когда вы очищаете кеш, который будут удалены данные. Для получения значения из ключа используется функция getItem. Это мы снова храним в переменной resData.

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