Jquery cookie min js

Когда я изучал 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’, );

Пример полного кука, который помимо прочего действует на определенном домене и передает данные только через https:
$.cookie(‘cookie_name’, ‘Значение кука3’, ); >);

Читайте также:  Рисовать рисунки для срисовки легкие

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

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

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

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

Материал из JQuery

Параметры

Плагин jQuery cookie предоставляет простой и удобный интерфейс для работы с кукисами на стороне клиента. Обычно кукисы используют на стороне сервера, однако в некоторых случаях, более уместно работать с ними именно на стороне клиента. Например, если в javascript-плагине необходимо организовать хранение состояния (например номер открытой вкладки в плагине вкладок), то чтобы избежать дополнительной серверной части для плагина, можно использовать кукисы на клиенте.

Подключение и использование

Чтобы плагин стал доступен на странице необходимо подключить файл с библиотекой jQuery и файл с плагином (можно скачать на github.com):

После этого, можно будет элементарно работать с кукисами:

в качестве значения куков следует использовать элементарные типы: числа и строки (а не массивы или объекты). Если нужно записать в один кукис несколько значений, можно перевести объект или массив со значениями в строку json (для этого понадобиться сторонний плагин jQuery-JSON) а при получении значения из куков, конвертировать строку обратно.

При установке кукисов, в третьем параметре функции $.cookie() можно указывать настройки. С помощью них можно задать время жизни кукисов, уточнить домен и/или часть path, в которых они должны быть видны и др. (см. вкладку свойства).

Читайте также:  Почему не проигрывается видео на андроид

Замечание: при удалении куков, необходимо использовать те же параметры path, domain и secure, что и при их установке.

Дата публикации: 2017-02-15

От автора: приветствую вас, друзья. Продолжаем знакомиться с коллекцией ТОП плагинов jQuery. Сегодня мы познакомимся с практически незаменимым плагином для большинства сайтов. Речь идет о плагине jQuery Cookie. Как вы уже догадались из названия, задача плагина — работа с куками.

Задача хранения пользовательских настроек и работы с ними встает перед нами в любом мало-мальски серьезном проекте. Например, классическая задача представления товаров в интернет-магазине в виде списка или в табличном виде. Пользователь волен выбрать наиболее удобный для него способ представления, ну а мы должны запомнить его и не забыть показать в удобном виде как в пределах текущего сеанса, так и при следующем обращении к сайту.

Еще один классический пример — запоминание авторизации пользователя. Пользователь авторизуется на сайте, выбрав опцию Запомнить. При обращении к сайту на следующий день ему уже не нужно тратить время на авторизацию, пользовательская сессия будет восстановлена автоматически.

Все эти чудеса возможны благодаря кукам. Куки — это некоторый набор данных, который хранится на компьютере пользователя и доступен для JavaScript. Также браузер отправляет конкретные куки сайта при запросе сервера.

Для удобной работы с куками мы можем воспользоваться специальным плагином jQuery Cookie, работа с которым очень проста. Скачаем и подключим единственный файл плагина:

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения