В Rails у нас есть то, что называется Cookie и Session. Они привязаны к браузеру пользователя. В JavaScript есть объект Window с именем localStorage. Это как Куки. В этом блоге я расскажу о том, для чего он нужен и как им пользоваться.

LocalStorage — это специальный объект, используемый для хранения некоторой информации в браузере. Это отличный инструмент для хранения информации о входе пользователя и некоторых временных пар ключ-значение. Он похож на Cookie и сильно отличается от Session, потому что LocalStorage также не зашифрован. LocalStorage также существует после того, как пользователь обновит страницу, поэтому его можно использовать для хранения некоторой неважной информации, чтобы сохранить вход пользователя или выполнить некоторую проверку. Поскольку он не зашифрован, его можно использовать для чего-то не слишком важного.

Есть некоторые функции, которые можно вызвать в LocalStorage. localStorage.setItem(key, value) , localStorage.clear() и localStorage.removeItem(key) . SetItem используется для хранения одной пары ключ-значение. Очистить очистит все элементы в LocalStorage на этом веб-сайте. RemoveItem удалит один элемент на этом веб-сайте с помощью соответствующего ключа. Тогда пусть есть несколько примеров.

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

Я могу поместить их в localStorage вот так.

Если мы проверим это в нашей консоли в Chrome, у нас будет что-то вроде этого.

Мы можем использовать эту информацию в нашей будущей функции, просто вызвав localStorage.userName и не найдя тег с набором данных. Если мы закончили использовать эту информацию, мы можем использовать localStorage.removeItem(“userName”).

Если пользователь выходит из системы, мы можем просто использовать localStorage.clear() .

Это очень простой способ передавать информацию между различными функциями в наших приложениях Javascript и как можно меньше хранить наш набор данных в нашем HTML. Я также предлагаю установить элемент перед использованием и очистить или заменить его после того, как закончите с ним, потому что это может вызвать некоторые проблемы в большом приложении.

И, наконец, это.