HTML5 за 10 минут

Представление о прикладном программном интерфейсе сохранения данных в текущем веб-сеансе


Механизм сохранения данных из веб-страницы в текущем веб-сеансе основывается на применении объекта JavaScript, называемого sessionStorage и встраиваемого в браузеры, поддерживающие рассматриваемое здесь средство HTML5. Подробнее об этом объекте можно узнать, обратившись по адресу http://dev.w3.org/ html5/webstorage. А ниже дается самое общее представление об этом объекте и связанных с ним программных средствах.

Объект: sessionStorage

Атрибуты: length

Функции:

♦    key()

♦    getltem()

♦    setltem()

♦    removeItem()

♦    clear()

Поддерживающие браузеры: Firefox и Safari

Для хранения значений в объекте sessionStorage служат пары “ключ-значение”. Это означает, что при сохранении данных следует указывать не только значение данных, но и ключ, предоставляющий доступ к ним, например "data" или "phone". Этот ключ обязательно указывается впоследствии, когда читаются сохраненные данные.

Рассмотрим вкратце атрибуты и функции объекта sessionStorage.

Атрибут length

В атрибуте length хранится число пар “ключ-значение”, которые имеются в настоящий момент в объекте sessionStorage.

Функция key()

Используется так, как показано ниже, key(index)

Функция key() возвращает имя п-то ключа в объекте sessionStorage.

Функция getltem()

Используется следующим образом, getItem(key)

Функция getltem() возвращает значение элемента данных, связанного с указанным ключом.

Функция setltem()

Используется следующим образом, setItem(key, data)

Функция setltem() служит для сохранения данных в текущем веб-сеансе. Для этого достаточно передать функции setltem() значение сохраняемых данных и ключ, по которому они будут храниться. Например, при вызове функции setltemfData", "turbulent") слово "turbulent" сохраняется по ключу "Data".

Функция removeItem()

Используется так, как показано ниже. removeltem(key)

С помощью этой функции отдельные элементы данных удаляются из объекта sessionStorage.

Комментарии закрыты