how to retrieve data from local storage?

Question

I have created a register form using javascript from which data is getting stored in the local storage,but I want to retrieve data from local storage for login purpose, following is my controller.js-

//Storing data from local storage into an array of objects
 var usersdata = JSON.parse( localStorage.getItem('key_users' ) );
function validatelogin()
{
    usersdata = JSON.parse( localStorage.getItem('key_users' ) );
    var usernameinput   = document.getElementById("username");
    var passwordinput   = document.getElementById("password");
    for(var p in userdata)
    {
      console.log(p+':'+userdata[p].username+'|'+userdata[p].email);
      if(usernameinput==userdata[p].username && passwordinput==userdata[p].password)
      {
         alert("Logged in successfully");
      }
    }
}

While trying to login, its giving error called 'userdata' is not defined..Please help with whats wrong in the code?

There is variable name difference in your code usersdata != userdata — Bulent Vural, Feb 14 '17 at 06:45

score 4 · Answer 1 · answered Feb 14 '17 at 07:12

4

You can easily retrieve data using

var myData = localStorage.getItem('myDataStorage');

But before you even do that you should set the localstorage first

localStorage.setItem('myDataStorage', JSON.stringify(myData));

and then you retrieve from the same local storage using getItem and then specifying the name of the created localStorage item.

answered Feb 14 '17 at 07:12

Abana Clara

4,602
3
18
31

1

At the time of retrieval need to use JSON.parse() **JSON.parse((localStorage.getItem('myDataStorage')))** – Rohit Parte May 18 '19 at 13:49

score 1 · Accepted Answer · edited Feb 14 '17 at 10:24

1

Inside the for loop change userdata to usersdata

edited Feb 14 '17 at 10:24

Hakan Fıstık

16,800
14
110
131

answered Feb 14 '17 at 06:46

Abilash

218
3
10

how to retrieve data from local storage?

2 Answers2

Linked