Сессии в javascript, запустить, получить, удалить с примерами!

Сессия js, сессии в javascript. Как запустить сессию в js? Получаем значение сессии в javascript. Как удалить сессию в javascript? С примерами.

О сессиях в javascript

1. Что такое сессия в javascript?
2. Как запустить сессию в js при загрузке страницы?
3. Как получить сессию в js при загрузке страницы?
4. Как запустить сессию в js кнопкой?
5. Как удалить сессию в js кнопкой?
6. Как запустить + удалить сессию в js кнопкой?
7. Где сессия javascript на компьютере?

Что такое сессия в javascript?

Начнем исследование "сессии в javascript" с определения :

Что такое сессия в javascript?

Сессия в JavaScript — это время, которое пользователь находится на сайте.

Начало сессии в javascript?

Когда начинается сессия в javascript?

Сессия в JavaScript начинается в тот момент, когда пользователь попадает на сайт.

Конец сессии в javascript?

Когда кончается сессия в javascript?

Сессия в JavaScript кончается в тот момент, когда пользователь покидает сайт либо закрывает браузер.

Где хранится сессия в javascript?

Сессии в javascript хранятся на стороне пользователя в sessionStorage


Как хранится сессия в javascript?

Сессии в javascript хранятся в формате "ключ-значение".




Как запустить сессию в js при загрузке страницы?

Для того, чтобы запустить сессию при загрузке страницы вам потребуется:

Создаем теги script.

В него помещаем плюс метод .

sessionStorage . setItem("key", "value");

Код запуска сессии в js при загрузке страницы.

Теперь... давайте соберем весь код, что мы выше мы обсуждали....

<script>

sessionStorage . setItem("key", "value");

</script>

Живой пример запуска сессии в js при загрузке страницы.

Теперь давайте этот выше приведенный код поместим прямо здесь...

Как увидеть результат запуска сессии в js?

Для этого вам понадобится следующий пункт...




Как получить сессию в js при загрузке страницы?

Для того, чтобы получить выше запушенную сессию при загрузке страницы вам потребуется:

Опять в тот же тег, в смысле не в тот, который выше, поскольку куски кода разные, то начинаем заново с тега script.

В него помещаем метод .

Чтобы вывести результат запуска сессии на экран... чтобы вы смогли это увидеть... используем document.write();

Код получения сессии в js при загрузке страницы.

Снова соберем весь код...

<script>

document.write(sessionStorage.getItem("key"));

</script>

Пример получения сессии в js при загрузке страницы.

Повторяем действие... помещаем код здесь... здесь должно быть введено слово "value" см. выше запуск сессии...

Как проверить, что данный код живой... наведите мышкой по слову "value" и нажмите исследовать элемент.




Как запустить сессию в js кнопкой?

Далее займемся "запуском сессии в js" с помощью кнопки... для этого вам понадобится:

Результат запуска сессии с кнопки будем отправлять в div c id с произвольным значением =is_session_js_0.

Кнопка button с id.

Открываем тег script.

По клику на данную кнопку - используем onclick + функция.

Фигурная скобка открывается...

Запускаем сессию с помощью sessionstorage.

В условие if проверяем, что сессия запущена...

Фигурная скобка открывается...

С помощью alert сигнализируем, что "Вы запустили сессию в javascript".

И с помощью innerHTML отправляем сообщение в первый тег "div"

Следующий код... на всякий случай... проверка, вдруг сессия как-то не запустилась!

Соберем весь код запуска сессии в js кнопкой:

Html :

<div id=is_session_js_0></div>

<button id=set_session>Запусти сессию в javascript - нажми на меня!</button>

Javascript :

<script>

set_session . onclick = function()

{

 sessionStorage.setItem('example_session_js', 'Здесь значение') ;

 if(sessionStorage.getItem('example_session_js'))

 {

  alert('Вы запустили сессию в javascript!');

  is_session_js_0. innerHTML = 'Сессия js запущена! ';

 }

 else

 {

  is_session_js_0. innerHTML = 'Сессия js не была запущена!';

 }

};

</script>

Пример запуска сессии js кнопкой:

И давайте выведем выше приведенный код здесь:

Запусти сессию в javascript - нажми на меня! Обращая ваше внимание...

Здесь нет дополнительных проверок..., что сессия существует или нет... там код разрастается до таких размеров, что о нем придется делать отдельную страницу!

Для понимания работы сессии этого будет и так многовато...




Как удалить сессию в js кнопкой?

Для удаления сессии в js кнопкой вам понадобится...

Опять div для отправки результата.

Снова кнопка теперь для удаления сессии в js.

Опять открываем тег script.

В четвертом пункте... поскольку... я точно знаю, что одна сессия в любом случае была запущена, то используем её... она была запущена при запуске страницы.

От правим в первый див сообщение, что сессия существует...

Ну и далее... если вы разобрались с пунктом выше, то свободно одолейте ниже приведенный код

Наверное стоит упомянуть о 8 строчке... используем с sessionstorage с removeitem.

Соберем весь код удаления сессии в javascript кнопкой:

Html :

<div id=is_session_js_1></div>

<button id=delete_session>Удали сессию в javascript - нажми на меня!</button>

Javascript :

<script>

if(sessionStorage.getItem('key')) is_session_js_1 . innerHTML = 'Сессия js была запущена в <a href=https://dwweb.ru/sessiya_js.html#paragraph_how_start_session_js target=_blank>первом пункте</a>!';

delete_session . onclick = function()

{

 if(sessionStorage.getItem('key'))

 {

  sessionStorage.removeItem('key');

  if(sessionStorage.getItem('key'))

  {

    alert('Не удалось удалить сессию в javascript!');

  }

  else

  {

    is_session_js_1 . innerHTML = 'Сессия js <red>была</red> удалена!';

 }

 }

};

</script>

Пример запуска сессии js кнопкой:

И далее Вы можете проверить... сможет ли выше приведенный код удалить выше запущенную сессию в js?

Удали сессию в javascript - нажми на меня!



Как запустить + удалить сессию в js кнопкой?

И последним пунктом соберем выше приведенных два пункта :

Как запустить сессию в js?

Как удалить сессию в js?

Пример запустить + удалить сессию в js кнопкой.

Запусти сессию в javascript - нажми на меня! Удали сессию в javascript - нажми на меня!

Скачать код запустить + удалить сессию в js кнопкой.

Где скачать выше приведенный код?

Скачиваем здесь.




Где сессия javascript на компьютере?

Как было сказано выше, что сессия хранится на компьютере. Где именно хранится сессия javascript на компьютере?

Для того, чтобы найти сессию javascript на компьютере в браузере вам потребуется:

Любым из известных способов в браузере открываем исследовать элемент.

Ищем кнопку "Application" в меню.

В левом открывшемся окне ищем следующую кнопку .

Из всех сайтов... выбираем ВАШ. На скрине я выбираю свой... "dwweb.ru".

После нажатия на кнопку с вашим сайтом вы увидите данные вашей сессии в js справа.

Нажмите, чтобы открыть в новом окне.



Как найти свою сессию в js?

Если в открывшемся окне слишком ного значений и вы не можете найти вашу, то в поле ввода со словом "Filter" вставляем искомую сессию, в данном скрине это "example".