Локальное хранилище, хранилище сессий и файлы cookie: в чем разница [магия разделов]

Что такое локальное хранилище и хранилище сеансов? В чем разница между Локальное хранилище против хранилища сеансов против Куки? Если вы запутались, не волнуйтесь. В этом посте этот мастер разделов сайта предоставляет учебник о localstorage, sessionstorage и cookie.





На этой странице :

Мы можем хранить данные локально в наших браузерах несколькими способами, наиболее популярным из которых является Куки . Чтобы узнать более подробную информацию, просто продолжайте читать.

Что такое локальное хранилище?

Локальное хранилище — это метод сетевого хранения, который помогает нам хранить данные на клиентском компьютере в виде пар ключ/значение в веб-браузере. Данные постоянно хранятся в локальном хранилище, если пользователь не удалит их вручную из браузера. Он не истекает, даже если пользователь закрывает окно или вкладку.

Его данные в браузере доступны только через JavaScript и HTML5. Однако пользователи также могут очистить данные/кеш браузера чтобы очистить все данные локального хранилища. Он имеет четыре метода, которые можно использовать для установки, извлечения, удаления и очистки:



  • Мы можем установить данные в локальном хранилище, используя метод setItem(). Метод принимает два параметра, ключ и значение. Используя этот метод, мы можем хранить значения с помощью ключей: localStorage.setItem(key, value).
  • Чтобы получить хранящиеся в нем данные, мы можем использовать метод getItem(): localStorage. получить элемент (ключ).
  • Мы можем удалить данные с помощью метода removeItem(), который хранит информацию о ключе в памяти: localStorage. удалить элемент (ключ).
  • Метод clear() используется для очистки всех данных, хранящихся в нем.

Что такое хранилище сеансов?

Это очень похоже на локальное хранилище. Основное отличие, однако, заключается в жизненном цикле, который сохраняется в браузере до тех пор, пока не будет открыта его текущая вкладка. Данные в хранилище сеансов также теряются, когда вы закрываете вкладку или завершаете ее. Мы также можем устанавливать и извлекать его данные с помощью методов setItem() и getItem() соответственно, аналогично методам локального хранилища. Например: хранилище сессий. setItem(ключ, значение); сессия в хранилище. получить элемент (ключ).

Что такое куки?

До появления HTML5 единственным доступным вариантом был Cookie. Поэтому хранение данных с его помощью — это традиционный способ хранения данных на клиентских машинах. Это помогает нам хранить данные клиентов и предоставлять персонализированный опыт для пользователей веб-сайта. Они отправляются на сервер с запросом и клиенту в ответ; таким образом, его данные обмениваются с сервером при каждом запросе. Серверы могут использовать данные cookie для отправки персонализированного контента пользователям.



Прямо сейчас у вас может быть общее представление о файлах cookie, локальном хранилище и хранилище сеансов. В следующем разделе основное внимание будет уделено различиям между файлами cookie, локальным хранилищем и хранилищем сеансов.

В этом разделе мы поговорим о localstorage, sessionstorage и cookie с точки зрения ограничения хранилища, доступности и срока действия.



Лимит хранилища

Каждый метод хранения браузера имеет определенный максимальный размер данных. Оба хранилища предлагают массовое хранение. В частности, в локальном хранилище хранится до 10 мегабайт, а в хранилище сеансов — до 5 мегабайт. Файлы cookie, с другой стороны, предлагают очень ограниченный объем памяти в 4 КБ. Таким образом, невозможно хранить большие объемы информации в файлах cookie.

Доступность

С точки зрения доступности к нему можно получить доступ в любом окне или вкладке, открытых в веб-браузере. Поскольку хранилище сеансов связано с конкретным сеансом и каждая вкладка имеет свой сеанс, данные доступны только в текущей вкладке, где мы задаем данные хранения сеанса. Доступ к локальному хранилищу можно получить из любого окна или вкладки или на сервере. Файлы cookie чем-то похожи на локальное хранилище.

Срок действия

Срок действия данных локального хранилища никогда не истечет, пока вы не удалите их вручную. Если пользователь не удалит их вручную из браузера, данные постоянно хранятся в локальном хранилище. Срок действия не истекает, даже если пользователь закрывает окно или вкладку.



И как только хранилище сеансов закроет вкладку или завершит ее, данные в хранилище сеансов также будут потеряны.

Место хранения

Они хранятся по-разному. Файлы cookie могут храниться в браузерах и на серверах. А Local Storage и Session Storage можно хранить только в браузере.