Когда следует использовать html5 sessionStorage?

Я узнал разницу между sessionStorage (persist во время сеанса) и localStorage (сохраняется навсегда, если не удаляется).

Я вижу, что localStorage можно использовать как лучшую версию cookie. (больше размера, не отправляясь на сервер для каждого HTTP-запроса, такого как cookie).

Но для sessionStorage я думаю , когда следует использовать его эффективно?

Я думал о пользовательских вводах в текстовые поля в pageA, а затем переходил на страницу B в пределах одной и той же вкладки или окна браузера, страница B может искать sessionStorage.

Я больше не могу расширять свое предположение больше, чем сценарий выше. Может ли кто-нибудь сказать мне, как использовать sessionStorage?

Ответ 1

При использовании динамических интерфейсов, управляемых ajax, много раз нет ничего, чтобы сохранить текущее состояние того, как выглядит интерфейс (например, какая вкладка выбрана). sessionStorage может использоваться для хранения состояния интерфейса, поэтому, возвращаясь на страницу, вы можете восстановить экран так, как пользователь смотрит на него.

Другое использование было бы, если несколько страниц в глубине вы работаете над одним объектом, вы можете сохранить id как глобальную переменную: currentInvoiceId.

Пользовательские настройки, которые необходимы на каждой странице, например, специальный макет или шаблон, могут быть загружены один раз спереди и помещены в sessionStorage для легкого доступа.

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

Это хорошая альтернатива передаче данных между страницами, использующими viewstate, скрытые поля <input> или параметры URL.

Ответ 2

Основная причина использования sessionStorage - для случаев, когда если бы ваш пользователь дважды открывал одну и ту же страницу на двух разных вкладках, вы бы хотели выделить отдельные области хранения для этих двух вкладок. Например, рассмотрим сайт, где вы покупаете билет (и вы можете купить только один билет, например, поток авиабилетов, в отличие от случая с корзиной для покупок). Если пользователь попытается купить два билета на двух разных вкладках, вы не захотите, чтобы эти два сеанса мешали друг другу. sessionStorage позволяет вам независимо отслеживать эти сеансы при загрузке нескольких страниц.