loading...

Storing Local Data with Javascript

njericooper profile image Njeri Cooper ・1 min read

I'm trying to store a table's data locally. I'm a bit confused about where I should store the cells; in an array? Will the array return each cell in the correct row index? How should I set the local data variable if I'm passing rows and a table as the arguments?

In my code, the table creates a new row from user input. When I refresh, the table goes away. I'd like to keep the table from the previous session.

Here's what I have so far:
(press the play button to run the code)

Discussion

markdown guide
 

Hi, You can store the data in local storage, and if you want the data to be in order, you can do this

  1. Whenever new data is created, store the id also, it should be increment, ex- Date.now().getTime()
  2. Store the data in local storage
  3. The data should be stored in an Array

Example data format =

var data = [{
      id: 1,
      more: data
    }, {
      id: 2,
      more: data
 }];

Now when the user refreshes the page, you can take the data from local storage, sort it by id and display it

 
 

Storing data in a declared array won't reserve your data in that array after you recompile the code again. If you don't involve any backend storage here and only looking for client-side storage, you would have to use some kind of browser-built Javascript APIs in order to save your data. The simplest and most widely supported is WebStorage where you have persistent storage (localStorage) or session based (sessionStorage). The Google has developed its own storage. There are plenty tutorials available how to store data locally.

 

Thanks! I'll look that up.