2.3 KiB
title | localeTitle |
---|---|
HTML5 Web Storage | Веб-хранилище HTML5 |
Веб-хранилище HTML5
Хранилище веб-сайтов позволяет веб-приложениям хранить до 5 МБ информации в хранилищах браузеров на каждый источник (на домен и протокол).
Типы веб-хранилища
Для хранения данных на клиенте есть два объекта:
window.localStorage
: хранит данные без даты истечения срока действия и до тех пор, пока не будет удален.
// Store Item
localStorage.setItem("foo", "bar");
// Get Item
localStorage.getItem("foo"); //returns "bar"
window.sessionStorage
: сохраняет данные за один сеанс, где данные теряются, когда вкладка браузера / браузера закрыта.
// Store Item
sessionStorage.setItem("foo", "bar");
// Get Item
sessionStorage.getItem("foo"); //returns "bar"
Поскольку текущая реализация поддерживает только привязки строк к строкам, вам необходимо сериализовать и де-сериализовать другие структуры данных.
Вы можете сделать это с помощью JSON.stringify () и JSON.parse ().
Например, для данного JSON
var jsonObject = { 'one': 1, 'two': 2, 'three': 3 };
Сначала мы конвертируем объект JSON в строку и сохраняем в локальном хранилище:
localStorage.setItem('jsonObjectString', JSON.stringify(jsonObject));
Чтобы получить объект JSON из строки, хранящейся в локальном хранилище:
var jsonObject = JSON.parse(localStorage.getItem('jsonObjectString'));