• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

LocalStorage

VPS Starter Arubacloud
0 głosów
451 wizyt
pytanie zadane 20 września 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)
Cześć, mam taką aplikację,

https://codepen.io/anon/pen/KXdRLL

i chcę zapisać wszystkie divy, czyli te, które powstają po wpisaniu czegos w pole tekstowe i klikniecie ADD, pozniej w liscie on sie pojawia.

Znalazłem coś takiego localStorage.setItem('nazwa', 'Przykładowa wartość'); ale nie wiem jak tutaj odnieść się do tych divow

2 odpowiedzi

0 głosów
odpowiedź 20 września 2017 przez Tomek Sochacki Ekspert (227,510 p.)
wybrane 22 września 2017 przez Vorex444
 
Najlepsza
Tylko zauważ, że Ciebie de facto interesuje zapisanie wyłącznie treści węzłów <p> w div o klasie list-item. Pobierz więc sobie te węzły tekstowe, a dokładniej ich wartość (np. textContent dla <p>) i to zapisuj do localStorage np. z kluczami w formie indeksów kolejnych pozycji na liście.

Możesz to zrobić na dwa sposoby. Albo dodawać kolejne wpisy i potem przelatywać przez localStorage, albo tworzyć jeden duży obiekt lub tablicę zawierający wszystkie treści. Wymagałoby to jednak za każdym razem sparsowania stringa i ponownego użycia JSON.stringify. Pytanie co będzie dla Ciebie wygodniejsze i jak częste będą odwołania do localStorage.

A dodatkowo masz jeszcze inne opcje, np. IndexedDB :)
+1 głos
odpowiedź 20 września 2017 przez Ivan Maniak (60,650 p.)

W localStorage możesz przechowywać tylko stringi (nie jestem pewny co do number), ale możesz zapisać wszystkie treści w tablicy, a potem ją przerzucić na stringa przy pomocy JSON.stringify. Następnie zapisać w lolcaStorage pod jakąś tam nazwą. Gdy będziesz potrzebował tych elementów to pobierasz z localStorage i zamieniasz stringa na tablice przy pomocy JSON.parse

1
komentarz 20 września 2017 przez Tomek Sochacki Ekspert (227,510 p.)
edycja 20 września 2017 przez Tomek Sochacki
localStorage.setItem('x', 5); 

localStorage.getItem('x'); //"5"

Właśnie na szybko sobie sprawdzałem w Chrome i zwrotnie dostajemy string, więc setItem w tym wypadku prawdopodobnie w tle wykonało toString na typie number. Uważałbym jednak z takim zachowaniem... myślę, że najbezpieczniej świadomie ładować string do localStorage i nie polegać na "automatach".

 

1
komentarz 20 września 2017 przez ScriptyChris Mędrzec (190,190 p.)

A może getItem zwraca stringa :)

https://developer.mozilla.org/en-US/docs/Web/API/Storage/getItem

Return value

DOMString containing the value of the key. If the key does not exist, null is returned

Każdy obiekt Storage powinien zawierać klucz i wartość jako string:

Each Storage object provides access to a list of key/value pairs, which are sometimes called items. Keys are strings. Any string (including the empty string) is a valid key. Values are similarly strings.

Each Storage object is associated with a list of key/value pairs when it is created(...)

Podobne pytania

0 głosów
0 odpowiedzi 109 wizyt
pytanie zadane 9 września 2019 w JavaScript przez Allen Obywatel (1,010 p.)
0 głosów
2 odpowiedzi 576 wizyt
pytanie zadane 25 listopada 2018 w JavaScript przez Colossus Mądrala (6,410 p.)
0 głosów
0 odpowiedzi 243 wizyt
pytanie zadane 3 października 2017 w JavaScript przez Vorex444 Dyskutant (9,610 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...