Saving data in div after page refresh

Question

I am creating a search bar where the user can select parameters which creates a chip in the search bar. This chip will be created dynamically for every selection in a div with the class name 'chips'. After submitting the selection, the page redirects based on the selection. As the chips were dynamically created, they will be deleted on page reload. My question: Is there a way to store this dynamic data without deleting it after the page refresh?

  <div class="chips" id="createdChips" >
         <span> class ='someclass' </span>
         <span> class ='someclass' </span>          
  </div>

Does this answer your question? [Persist variables between page loads](https://stackoverflow.com/questions/29986657/persist-variables-between-page-loads) — Heretic Monkey, Nov 24 '20 at 14:35
Why is this question tagged C#? There is no mention of the language in the question. — Heretic Monkey, Nov 24 '20 at 14:36
@Danilo using cookies can be a problem, if user wants to clear them. I tried with local storage but it is not working — Sudheer, Nov 24 '20 at 14:42
@Heretic Monkey The question you taggged gave me some info. Thanks for that and sorry for the wrong tag c#, it was a mistake. — Sudheer, Nov 24 '20 at 14:43

score 3 · Answer 1 · answered Nov 24 '20 at 14:33

3

You can store your dynamically created data in cookies or session storage. When your page load, search if there's data stored in above storage and draw the chips based on data.

answered Nov 24 '20 at 14:33

Ashycre

57
2

score 2 · Answer 2 · answered Nov 24 '20 at 15:10

delete on browser close:

// Store item
sessionStorage.setItem('example', 'some item');

// Get Item
sessionStorage.getItem('example') // 'some item'

// Remove Item
sessionStorage.remove('example');

// Remove all items
sessionStorage.clear();

never be deleted unless the user clears website data (through browser settings):

// Store item
localStorage.setItem('example', 'some item');

// Get Item
localStorage.getItem('example') // 'some item'

// Remove Item
localStorage.remove('example');

Saving data in div after page refresh

2 Answers2