LocalStorage только сохраняет последние введенные данные

Question

Я использую LocalStorage для хранения имени пользователя и пароля в приложении, которое я создаю с помощью PhoneGap для iOS. Когда я запускаю приложение на своем iPad, я ввожу имя пользователя и пароль, закрываю приложение, а затем снова открываю, чтобы ввести другое имя пользователя и пароль. Когда я подключаю свой iPad с моим Macbook и открываю веб-инспектор Safari для проверки моего приложения на iPad, когда я перехожу к «Storage -> localStorage» внутри инспектора, отображается только последнее введенное имя пользователя и пароль, но первый набор от имени пользователя и пароля, который я ввел, нет, где можно найти. У кого-нибудь есть идеи относительно того, почему это происходит?

ЯШ:

<script type="text/javascript"> 
document.addEventListener("deviceready",onDeviceReady,false); 

function onDeviceReady() { 
document.getElementById("btnSave").addEventListener("click",saveData,false); 
document.getElementById("btnGet").addEventListener("click",getData,false); 
} 

    function saveData(){ 
     var username = document.getElementById("username").value; 
     var password = document.getElementById("password").value; 
     window.localStorage.setItem("uname", username); 
     window.localStorage.setItem("pass", password); 
     alert("Your data is stored"); 
    } 
    function getData(){ 
     var output="Your username is " + window.localStorage.getItem("uname") + "and your password is " + window.localStorage.getItem("pass"); 
     document.getElementById("result").innerHTML = output; 
    } 
</script> 

HTML:

User Name: <input type ="text" id="username" /><br /> 
    Password: <input type="text" id="password" /><br /> 
    <button id="btnSave"> Save Data </button> 
    <button id="btnGet"> Get Data </button> 
    <div id="result"></div> 

Я попытался искал повсюду вокруг веб-инспектора, но все еще не мог найти, где мой первый набор хранимых данных пошел. Что-то не так с кодом?

Answer 1

Пожалуйста, попробуйте этот

var localObject = []; 
var testObject = {userName : "firstUser", password : "password1"}; 
localObject.push(testObject); 
localStorage.setItem("userDetails", JSON.stringify(localObject)); 
console.log(JSON.parse(localStorage.getItem("userDetails"))); 

//for second time 
var testObject = {userName : "secondUser", password : "password2"}; 
localObject.push(testObject); 
localStorage.setItem("userDetails", JSON.stringify(localObject)); 
console.log(JSON.parse(localStorage.getItem("userDetails"))); 

Каждый раз, когда вы пытаетесь сохранить данные пользователя, принеси локальное хранилище , нажимайте данные пользователя как объект в массив.

Answer 2

LocalStorage просто хранит пары ключевых значений. Для хранения более одного значения использовать обходной путь:

str=localStorage.getItem("users"); 
if(str==""){ 
str="[]"; 
} 
users=JSON.parse(str); 
//users contains an array now 
users.push("John"); 
//add a user 
localStorage.setItem("users",JSON.stringify(users)); 
//create json and store it again 

Answer 3

Попробуйте

var localObject = []; 
localObject = localStorage.getItem("userDetails"); 
var testObject = {userName : "firstUser", password : "password1"}; 
var testArray = localObject.push(testObject); 
localStorage.setItem("userDetails", JSON.stringify(testArray)); 
//to fetch the data 
localStorage.getItem("userDetails"); 
console.log (JSON.parse(localStorage.getItem("userDetails"))); 

//for second time 
var localObject = localStorage.getItem("userDetails"); 
var testObject = {userName : "secondUser", password : "password2"}; 
testArray = localObject.push(testObject); 
localStorage.setItem("userDetails", JSON.stringify(testArray)); 
console.log (JSON.parse(localStorage.getItem("userDetails")));