Существует специальный плагин, благодаря которому можно применять cookie и сессии для сохранности промежуточных вычислений, которые ввел пользователь. Библиотека, которая отвечает за работу с куками – jquery.cookie.js.
Расскажем про простой и удобный плагин для работы с кукисами на стороне клиента. Чаще всего они используются на стороне сервера, но во многих случаях требуется работа на стороне клиента. Использовать плагин можно в таком случае: в javascript нужно сохранить состояние - чтобы обойти дополнительную сервисную часть, для плагинов лучше использовать кукисы на стороне клиента.
Чтобы начать использование плагина, требуется установка библиотеки jQuery, подойдет версия 1.9.1.
Параметры плагина jquery.cookie.js:
- domain – домен, где будет создан кукис, настройки по умолчанию – текущий.
- secure – если при настройке поставить значение true, то куки, уже установленнные, отправляются на сервер по протоколу https, настройки по умолчанию – false.
-
expires – если параметра нет – значения запомнятся до закрытия браузера. Пока его не закроют, куки будут сохранены, несмотря на постоянное обновление страницы. Если здесь указать число – то это позволит сохранить куки то кол-во дней, которое обозначено. Пока не пройдет время куки будут помнить значения пользователя.
-
path - куки работают и на всем сайте (/), и на заданной директории (/my/file/).
Параметры, которые перечислены выше стоит знать, но обязательными они не являются.
Установка 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);
В нашей статье, мы привели примеры, по которым легко понять, как использовать куки на любом ресурсе. Сам jQuery Cookie плагин – очень простой и удобный. Он сводит задачу к весьма элегантному, а главное простому решению. Именно поэтом рекомендуем его к использованию.