Как да използвате localStorage в JavaScript

Как да използвате localStorage в JavaScript

Механизмът localStorage предоставя тип обект за уеб съхранение, който ви позволява да съхранявате и извличате данни в браузъра. Можете да съхранявате и осъществявате достъп до данни без изтичане; данните ще бъдат достъпни дори след като посетител затвори вашия сайт.





Обикновено ще получите достъп до localStorage с помощта на JavaScript. С малко количество код можете да създадете примерен проект, като брояч на резултати. Това ще покаже как можете да съхранявате и осъществявате достъп до постоянни данни, като използвате само код от страна на клиента.



Какво е localStorage в JavaScript?

Обектът localStorage е част от API за уеб съхранение, който повечето уеб браузъри поддържат. Можете да съхранявате данни като двойки ключ-стойност, като използвате localStorage. Уникалните ключове и стойности трябва да са във формат UTF-16 DOM String.





Ако искате да съхранявате обекти или масиви, ще трябва да ги конвертирате в низове, като използвате JSON.stringify() метод. Можете да съхранявате до 5MB данни в localStorage. Освен това всички прозорци с един и същи произход могат да споделят данните от localStorage на този сайт.

Браузърът няма да изтрие тези данни дори когато потребителят го затвори. Той ще бъде достъпен за уебсайта, който го е създал, по време на всяка следваща сесия. Въпреки това не трябва да използвате localStorage за чувствителни данни, тъй като други скриптове, изпълнявани на същата страница, имат достъп до тях.



localStorage срещу sessionStorage

The localStorage и sessionStorage обектите са част от API за уеб съхранение, който съхранява локално двойки ключ-стойност. Всички съвременни браузъри поддържат и двете. С localStorage данните не изтичат дори след като потребител затвори своя браузър. Това се различава от sessionStorage, който изчиства данните, когато сесията на страницата приключи. Сесия на страница приключва, когато затворите раздел или прозорец.