Cookie в jQuery - установка, настройка и примеры использования

Когда я изучал PHP мне часто требовалось использовать cookie и сессии, чтобы запоминать промежуточные вычисления введенные пользователем. Когда  узнал, что в jQuery есть специальный плагин, которые позволяет по таким же принципам запоминать значения, то мои срипты стали намного проще.

Библиотека отвечающая за работу с куками называется jquery.cookie.js. Ее вместе с рабочим примером вы можете скачать ниже. Данный плагин требует установки библиотеки jQuery, например, подойдет версия 1.9.1.

Параметры плагина jquery.cookie.js:

  1. expires - если отсутствует, то значения могут запоминаться до закрытия браузером пользователем. Т.е. пока он его не закроет, сколько бы раз он не обновлял страницу, куки будут сохранены. Если указать число, то позволяет хранить куки определенное количество дней. Т.е. пока время не кончится куки будут помнить значения пользователя.
  2. path - куки могут работать как на всем сайте (/), так и на определенной директории (/my/file/).
  3. domain - домен, на котором будет создан кук (по умол. - текущий)
  4. secure - если поставить true, то установленные куки будут отсылаются на сервер только по протоколу https  (по умол. - false)

Перечисленные выше парматры являются не обязательными для работы с куками. Их можно не устанавливать. Разберем как установить самый простой кук.

Установка cookie на сайте

Для этого пропишите: $.cookie('cookie_name1', 'Значение кука1'); Из этого примера мы установим переменной cookie_name1 значение, которое необходимо запомнить. Также, поскольку здесь не указано время хранения, то кук удалится после закрытия браузера.

Пример кука, который действует на всем сайте в течении 5-и дней
$.cookie('cookie_name2', 'Значение кука2', {expires: 5, path: '/'});

Пример полного кука, который помимо прочего действует на определенном домене и передает данные только через https:
$.cookie('cookie_name', 'Значение кука3', {expires: 5, path: '/', domain: 'blogjquery.ru', secure: true}); });

Получение значения cookie
Получить установленный кук очень просто, рассмотрим пример ниже - с его помощью выведется сообщение установленного значения.
var test = $.cookie('cookie_name1'); alert(test);

Как проверить задан ли cookie на сайте
Для этого нужно использовать условие if
if($.cookie('cookie_name1')) alert(test);

Удаление cookie
Данная операция сводится к тому, что значение кука обнуляется.
$.cookie('cookie_name2', null);

Думаю, из этих примеров, очень легко понять, как использовать куки на любом сайте. Где их вообще можно использовать? Например, на формах, которые должны показываться на сайте только при первом его включении или при выводе данных пользователя.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Введите капчу: