API Веб-сховища
API веб-сховища — це простий синтаксис для зберігання та отримання даних у браузері. Він дуже простий у використанні:
API веб-сховища підтримуються в усіх браузерах:
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Так | Так | Так | Так | Так |
Об’єкт localStorage
Об’єкт localStorage забезпечує доступ до локального сховища для певного вебсайту. Він дозволяє зберігати, читати, додавати, змінювати та видаляти елементи даних для цього домену.
Дані зберігаються без терміну дії та не видаляються після закриття веббраузера.
Дані будуть доступні за дні, тижні та роки.
Метод setItem()
Метод localStorage.setItem() зберігає елемент даних у сховищі.
Він приймає назву та значення як параметри:
Приклад
localStorage.setItem("name", "John Doe");
Метод getItem()
Метод localStorage.getItem() отримує елемент даних зі сховища.
Як параметр приймає назву:
Приклад
localStorage.getItem("name");
Об’єкт sessionStorage
Об’єкт sessionStorage ідентичний об’єкту localStorage.
Відмінність полягає в тому, що об’єкт sessionStorage зберігає дані для одного сеансу.
Дані видаляються, коли браузер закривається.
Метод setItem()
Метод sessionStorage.setItem() зберігає елемент даних у сховищі.
Як параметри він приймає назву та значення:
Приклад
sessionStorage.setItem("name", "John Doe");
Метод getItem()
Метод sessionStorage.getItem() отримує елемент даних зі сховища.
Як параметр приймає назву:
Приклад
sessionStorage.getItem("name");
Властивості та методи об’єкта Storage (сховища)
| Властивість/Метод | Опис |
|---|---|
| key(n) | Повертає назву n-го ключа в сховищі |
| length | Повертає кількість елементів даних, що зберігаються в об’єкті Storage |
| getItem(keyname) | Повертає значення вказаного імені ключа |
| setItem(keyname, value) | Додає цей ключ до сховища або оновлює значення цього ключа, якщо він уже існує |
| removeItem(keyname) | Вилучає цей ключ із сховища |
| clear() | Витягує всі ключі зі сховища |
Пов’язані сторінки для API веб-сховищ
| Властивість | Опис |
|---|---|
| window.localStorage | Дозволяє зберігати пари ключ/значення у веббраузері. Зберігає дані без терміну дії |
| window.sessionStorage | Дозволяє зберігати пари ключ/значення у веббраузері. Зберігає дані для одного сеансу |
