JavaScript - Работа с cookies

Опубликовано: 27.12.2017

видео JavaScript - Работа с cookies

Node.js. Урок 7. Работа с сессиями и cookies

Статья, в которой рассмотрим, как прочитать, записать и удалить cookies в JavaScript.

Что такое cookies?

Cookies - это технология, позволяющая сайтам сохранять в браузере небольшую порцию данных (до 4Кбайт).



Обычно эти данные используются на сайте для того, чтобы:

"узнать" (идентифицировать) пользователя (эмулировать постоянное соединение с сервером); сохранить информацию о просмотренных страницах или товаров; осуществить простую защиту счётчиков и системы голосования от накрутки; запомнить настройки интерфейса, расположение блоков, товара, добавленного в корзину и много другого.

Как работают cookies

Механизм работы с cookies рассмотрим на следующем примере:


Уроки PHP 7 | Работа с COOKIES. Делаем счетчик посещения сайта.

Принцип работы механизма cookies Клиент (веб-браузер) посылает серверу запрос (запрашивает у него страницу). Если в браузере есть cookies, связанные с этим сайтом, то он их посылает серверу в составе этого запроса. Сервер получает запрос от клиента. Если в составе запроса есть куки, то их можно использовать для выполнения некоторой логики на сервере, подготовки пользователю персонализированной страницы или для чего-то другого. После этого отправляем клиенту ответ. В заголовке ответа отправляем веб-браузеру (клиенту) cookies, которые ему нужно будет сохранить. Веб-браузер (клиент) получает ответ от сервера (страницу) и выводит его пользователю. Куки, которые пришли с сервера, браузер сохраняет в своё хранилище.

JavaScript - document.cookie

Но прочитать и установить cookies можно не только на стороне сервера, но и на клиенте - с помощью JavaScript. Осуществляется это посредством свойства cookie объекта document.

// получить значения всех cookies страницы var cookies = document.cookie; // выведем куки в консоль браузера console.log(cookies); // выведем с помощью функции alert alert(cookies);

Данное свойство представляет собой строку и чтобы в ней что-то найти, например, определённую cookie (по ключу), её необходимо разобрать. Для этого нужно написать JavaScript код (например, с использованием регулярных выражений) или воспользоваться специально предназначенного для этого библиотекой js-cookie . Данная библиотека, кроме функции чтения куки, имеет также методы для её установки и удаления.

rss