Хранение данных в браузере. LocalStorage

Веб-хранилище localStorage позволяет хранить данные непосредственно в браузере. Эти данные сохраняются как после обновления страницы так и после перезапуска браузера.

Поскольку данные веб-хранилища хранятся локально и не отправляются при обработке на сервер размер хранилища имеет достаточно большой объем – это около 5 мегабайт. Размер хранилища можно определить в настройках браузера.

еще одна особенность данных в хранилище – они недоступны для сервера. Эти данные недосупны для работы через HTTP запросы. Вся работа происходит только через JavaScript.

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

Основные команды для работ с хранилищем

  • setItem(key, value) – сохранить пару key/value.
  • getItem(key) – получить данные по ключу key.
  • key(index) – получить ключ на заданной позиции.
  • length – получить количество элементов в хранилище.
  • removeItem(key) – удалить данные с ключом key.
  • clear() – удалить все данные хранилища.