Как я должен хранить вновь созданные элементы в JavaScript? - PullRequest
Новая
       35

Как я должен хранить вновь созданные элементы в JavaScript?

0 голосов
/ 05 ноября 2019

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

    <select name="name" id="name">

        <option value="burim" class="someName">burim</option>
        <option value="eliot" class="someName">eliot</option>
        <option value="saska" class="someName">saska</option>

    </select>
    <br><br>
    <input type="text" id="add">
    <input type="submit" name="submit" value="ADD list" id="btn">
    <p class="output"></p>

<script>
var btn=document.getElementById("btn");

btn.onclick=function(){

    var n =document.getElementById("name");
    var list=document.getElementById("add").value;
    var listArray={};
    var newOption=document.createElement("option");

    listArray=n;

        newOption.className="someName";
        newOption.innerHTML=list;
        newOption.value=list;

    n.appendChild(newOption);
   }
</script>

1 Ответ

1 голос
/ 05 ноября 2019

Существует три (основных) способа хранения данных на стороне клиента в Javascript.
Файлы cookie используются для хранения данных, доступных для сервера, например: токен аутентификации JWT.

Два других - это хранилище сеансов и локальное хранилище. Я никогда не узнавал разницу между ними, но здесь - хороший вопрос об этом.

В вашем случае я бы предложил использовать localStorage. Он очень прост в использовании и будет доступен до тех пор, пока не будет удален программно или пользователем.

Вы можете добавить данные в localStorage, используя 

window.localStorage.setItem('key', value)

, и получить их, используя. 

window.localStorage.getItem('key')

Вы должны хранить только минимальные данные в localStorage, не храните ваш HTML. Храните только данные, достаточные для его восстановления, как только вам понадобится ваша информация.

...