Работа с cookie позволяет очень облегчить жизнь при разработке. Обычно считается, что записывать и читать данные с хранилища cookie можно только с серверной стороны, но это не так.
В этой статье я покажу, как можно работать с cookie с помощью библиотеки jQuery.
В этом нам поможет прекрасный, обкатанный на множестве проектах плагин jquery.cookies.
После его подключения уже можно начинать производить операции над cookie:
// установка\обновление куки
$.cookie('some_name_cookie', 'some_value_cookie');
// чтение куки
$.cookie('some_name_cookie');
// в случае отсутствия куки - возвращается null
// удаление куки
$.cookie('some_name_cookie', null);
В большинстве случаев этого достаточно. Если же Вам нужно использовать более широко все преимущества cookie — в таблице ниже приведен перечень дополнительных параметров, которые можно указать при работе с плагином.
| expires | Срок жизни куки в днях (если не указать — кука умрет вместе с сессией) | $.cookie(«page», «index», { expires: 31}); Кука будет актуальна 31 день |
| path | Определяет, к какой части сайта (по URL) относится кука. | $.cookie(«page», «index», { path: ‘/billing’}); Кука будет актуальна только в случае наличия ‘/billing’ в адресной строке |
| domain | Позволяет создавать отдельные куки для разных поддоменов. | $.cookie(«page», «index», { domain: ‘any.onfor.info’}); Кука актуальна только для субдомена ‘any’ |
| secure | Установка в true означает доступность куки ТОЛЬКО по https. | $.cookie(«page», «index», { secure: true}); Кука актуальна только при защищенном соединении |
| raw | Если установить параметр в true — базовое кодирование\декодирование кук с помощью encodeURIComponent и decodeURIComponent производиться не будет | $.cookie(«page», «index», { raw: true}); При установке и чтении куки кодирование не будет выполнено |