У меня проблема с моим SessionStorage. Я сохранил все свои предметы в определенном порядке c, но когда я пытаюсь вернуть их (с for
l oop), они не в правильном порядке.
Вот как Я установил SessionStorage:
function set_Item(){
var nom = document.getElementById("nom").value;
nom = nom.toUpperCase();
sessionStorage.setItem("Nom", nom);
sessionStorage.setItem("Prenom", document.getElementById("prnm").value);
sessionStorage.setItem("Adr", document.getElementById("adr").value);
sessionStorage.setItem("cdPost", document.getElementById("cdPost").value);
sessionStorage.setItem("Ville", document.getElementById("ville").value);
sessionStorage.setItem("Pays", document.getElementById("pays").value);
}
И вот как я возвращаю свои элементы:
function get_Item(){
var res = document.getElementById("res");
var txt;
var key;
var valeur;
for(var i = 0; i< sessionStorage.length; i++){
key = sessionStorage.key(i);
valeur = sessionStorage.getItem(key);
if(key == "Nom"){
txt = document.createElement("p");
txt.textContent = valeur + " " + sessionStorage.getItem(sessionStorage.key(i+1));
res.insertAdjacentElement('beforeend',txt);
i++;
}else {
txt = document.createElement("p");
txt.textContent = valeur + " ";
res.insertAdjacentElement('beforeend',txt);
}
}
}
Что я получаю:
Порядок предметов случайный и иногда меняется.
Я знаю, что могу использовать ключ, чтобы получить нужные предметы и установить хороший порядок рендеринга. Но в чем причина такого поведения?