Как правильно работать с cookies в jQuery: полное руководство

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

$.cookie('имя_cookie', 'значение_cookie');

$.cookie('имя_cookie', 'значение_cookie', {
expires: 7, // срок действия в днях
path: '/', // путь, для которого доступен cookie
domain: 'example.com', // домен
secure: true, // передача только по HTTPS
sameSite: 'strict' // ограничение доступа сторонним сайтам
});

$.cookie('session_id', 'abc123');

$.cookie('theme', 'dark', { expires: 365, path: '/' });

$.cookie('auth_token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...', {
expires: 7,
path: '/',
secure: true,
sameSite: 'strict'
});

$.cookie('user_id', '12345', {
expires: 30,
path: '/',
domain: '.example.com'
});

var userPreferences = {
theme: 'dark',
fontSize: 16,
notifications: true
};

$.cookie('preferences', JSON.stringify(userPreferences), { expires: 30, path: '/' });

var value = $.cookie('имя_cookie');

if ($.cookie('user_id')) {
// Cookie существует, можно использовать его значение
console.log('ID пользователя: ' + $.cookie('user_id'));
} else {
// Cookie не существует
console.log('Пользователь не авторизован');
}

var preferences = JSON.parse($.cookie('preferences') || '{}');
console.log('Тема: ' + preferences.theme);
console.log('Размер шрифта: ' + preferences.fontSize + 'px');

var allCookies = $.cookie();
for (var name in allCookies) {
console.log(name + ' = ' + allCookies[name]);
}

var rawValue = $.cookie('special_data', { raw: true });

var authToken = $.cookie('auth_token');
if (authToken) {
// Пользователь авторизован
loadUserData(authToken);
} else {
// Показать форму входа
showLoginForm();
}

var themeColor = $.cookie('theme') || 'light';
$('body').addClass('theme-' + themeColor);

// Установка активной опции в селекторе тем
$('#theme-selector').val(themeColor);

var cartItems = JSON.parse($.cookie('cart_items') || '[]');
if (cartItems.length > 0) {
// Отобразить товары в корзине
displayCartItems(cartItems);
// Обновить счетчик товаров
$('#cart-counter').text(cartItems.length);
} else {
// Показать сообщение о пустой корзине
$('#cart').html('<p>Ваша корзина пуста</p>');
}

// Чтение cookie, установленного для определенного пути
var adminPreferences = $.cookie('admin_prefs', { path: '/admin' });

// Чтение cookie, установленного для поддомена
var globalSettings = $.cookie('settings', { domain: '.example.com' });

$.removeCookie('имя_cookie');

$.removeCookie('имя_cookie', { path: '/путь', domain: 'домен' });

function logout() {
$.removeCookie('auth_token', { path: '/' });
$.removeCookie('user_id', { path: '/' });
window.location.href = '/login';
}

$('#reset-settings').click(function() {
$.removeCookie('theme', { path: '/' });
$.removeCookie('font_size', { path: '/' });
$.removeCookie('preferences', { path: '/' });

// Перезагрузка страницы для применения настроек по умолчанию
location.reload();
});

$('#clear-cart').click(function() {
$.removeCookie('cart_items', { path: '/' });
$('#cart').html('<p>Ваша корзина пуста</p>');
$('#cart-counter').text('0');
});

function clearAllCookies() {
var cookies = $.cookie();
for(var cookie in cookies) {
$.removeCookie(cookie);
// Для надежности пробуем удалить с разными параметрами path
$.removeCookie(cookie, { path: '/' });
}
console.log('Все cookies успешно удалены');
}

// Удаление cookie, установленного для всех поддоменов
$.removeCookie('global_setting', { path: '/', domain: '.example.com' });

// Удаление cookie только с определенного поддомена
$.removeCookie('subdomain_specific', { path: '/', domain: 'blog.example.com' });

$.cookie('имя_cookie', '', { expires: -1, path: '/' });

function handleGDPRDeletion(userId) {
// Удаление всех cookies, связанных с пользователем
$.removeCookie('user_id', { path: '/' });
$.removeCookie('user_' + userId + '_preferences', { path: '/' });
$.removeCookie('user_' + userId + '_history', { path: '/' });

// Дополнительная очистка localStorage если необходимо
localStorage.removeItem('user_' + userId + '_data');

console.log('Все пользовательские данные удалены по запросу GDPR');
}

$('#login-form').submit(function(e) {
e.preventDefault();

var username = $('#username').val();
var password = $('#password').val();
var remember = $('#remember-me').is(':checked');

// Аутентификация через AJAX
$.post('/api/auth', {username: username, password: password}, function(response) {
if (response.success) {
// Если пользователь хочет быть запомненным
if (remember) {
$.cookie('auth_token', response.token, {
expires: 30, // 30 дней
path: '/',
secure: true,
sameSite: 'strict'
});
} else {
// Сессионный cookie – исчезнет при закрытии браузера
$.cookie('auth_token', response.token, {
path: '/',
secure: true,
sameSite: 'strict'
});
}

window.location.href = '/dashboard';
} else {
$('#login-error').text(response.error);
}
});
});

// Обработчик изменения языка
$('.language-switcher').on('click', 'a', function(e) {
e.preventDefault();
var selectedLang = $(this).data('lang');

// Сохраняем выбранный язык в cookie на 1 год
$.cookie('preferred_language', selectedLang, {
expires: 365,
path: '/',
domain: '.example.com' // Работает на всех поддоменах
});

// Перезагружаем страницу для применения языка
location.reload();
});

// При загрузке страницы проверяем сохраненный язык
$(document).ready(function() {
var savedLang = $.cookie('preferred_language');
if (savedLang && savedLang !== currentLanguage) {
// Если сохраненный язык отличается от текущего, перенаправляем
window.location.href = '/' + savedLang + window.location.pathname;
}
});

// Переключатель темы
$('#theme-toggle').click(function() {
// Получаем текущую тему
var currentTheme = $('body').hasClass('dark-theme') ? 'dark' : 'light';
// Определяем новую тему
var newTheme = currentTheme === 'dark' ? 'light' : 'dark';

// Сохраняем в cookie
$.cookie('theme', newTheme, { expires: 365, path: '/' });

// Применяем новую тему
$('body').removeClass('dark-theme light-theme').addClass(newTheme + '-theme');

// Обновляем иконку переключателя
$(this).find('i').toggleClass('fa-moon fa-sun');
});

// При загрузке страницы
$(document).ready(function() {
// Получаем сохраненную тему или используем светлую по умолчанию
var savedTheme = $.cookie('theme') || 'light';

// Применяем тему
$('body').addClass(savedTheme + '-theme');

// Устанавливаем правильную иконку
$('#theme-toggle i').addClass(savedTheme === 'dark' ? 'fa-sun' : 'fa-moon');
});

$(document).ready(function() {
// Проверяем, было ли получено согласие
var cookieConsent = $.cookie('cookie_consent');

if (!cookieConsent) {
// Показываем баннер
$('#cookie-banner').slideDown();
}

// Обработка клика по кнопке принятия
$('#accept-cookies').click(function() {
// Сохраняем согласие на 1 год
$.cookie('cookie_consent', 'accepted', {
expires: 365,
path: '/',
secure: true
});

// Скрываем баннер
$('#cookie-banner').slideUp();
});

// Обработка клика по кнопке "Только необходимые"
$('#essential-only').click(function() {
// Сохраняем ограниченное согласие
$.cookie('cookie_consent', 'essential', {
expires: 365,
path: '/',
secure: true
});

// Удаляем аналитические cookies если они уже были установлены
$.removeCookie('analytics_id', { path: '/' });
$.removeCookie('_ga', { path: '/' });
$.removeCookie('_gid', { path: '/' });

// Скрываем баннер
$('#cookie-banner').slideUp();
});
});

// Добавление товара в корзину
function addToCart(productId, productName, price) {
// Получаем текущую корзину или создаем пустую
var cart = JSON.parse($.cookie('cart_items') || '[]');

// Проверяем, есть ли уже такой товар в корзине
var existingItem = cart.find(item => item.id === productId);

if (existingItem) {
// Увеличиваем количество
existingItem.quantity++;
} else {
// Добавляем новый товар
cart.push({
id: productId,
name: productName,
price: price,
quantity: 1
});
}

// Сохраняем обновленную корзину
$.cookie('cart_items', JSON.stringify(cart), {
expires: 7, // Хранить неделю
path: '/'
});

// Обновляем интерфейс
updateCartUI();
}

// Обновление UI корзины
function updateCartUI() {
var cart = JSON.parse($.cookie('cart_items') || '[]');
var total = 0;
var count = 0;

// Очищаем список товаров
$('#cart-items').empty();

// Добавляем каждый товар в список
cart.forEach(function(item) {
total += item.price * item.quantity;
count += item.quantity;

$('#cart-items').append(`
<div class="cart-item">
<span class="item-name">${item.name}</span>
<span class="item-quantity">${item.quantity}</span>
<span class="item-price">$${(item.price * item.quantity).toFixed(2)}</span>
<button class="remove-item" data-id="${item.id}">✕</button>
</div>
`);
});

// Обновляем общую сумму и счетчик
$('#cart-total').text('$' + total.toFixed(2));
$('#cart-counter').text(count);

// Если корзина пуста, показываем сообщение
if (cart.length === 0) {
$('#cart-items').html('<p>Ваша корзина пуста</p>');
}
}

// При загрузке страницы
$(document).ready(function() {
// Инициализация UI корзины
updateCartUI();

// Обработчик кнопки "Добавить в корзину"
$('.add-to-cart').click(function() {
var productId = $(this).data('id');
var productName = $(this).data('name');
var price = parseFloat($(this).data('price'));

addToCart(productId, productName, price);
});

// Обработчик удаления товара (делегирование событий)
$('#cart-items').on('click', '.remove-item', function() {
var productId = $(this).data('id');
var cart = JSON.parse($.cookie('cart_items') || '[]');

// Фильтруем массив, удаляя выбранный товар
cart = cart.filter(item => item.id !== productId);

// Сохраняем обновленную корзину
$.cookie('cart_items', JSON.stringify(cart), {
expires: 7,
path: '/'
});

// Обновляем интерфейс
updateCartUI();
});
});