Каталог статей

Применение технологии cookie  >  помощь веб-мастеру




Для начала нужно вынести в отдельный файл основные функции.


• Создание (setCookie)
  
• Чтение (getCookie)
  
• Удаление (eraseCookie) 
functionsetCookie(name, value, days) {
if(days) {
 vardate = newDate();
 date.setTime(date.getTime() + (days * 24* 60* 60* 1000));
varexpires = "; expires="+ date.toGMTString();
 }
 elsevarexpires = "";
 document.cookie = name + "="+ value + expires + "; path=/";
}

 
functiongetCookie(name) {
 varnameEQ = name + "=";
 varca = document.cookie.split(';');
 for(vari = 0; i < ca.length; i++) {
 varc = ca[i];
 while(c.charAt(0) == ' ') c = c.substring(1, c.length);
 if(c.indexOf(nameEQ) == 0) returnc.substring(nameEQ.length, c.length);
 }
 returnnull;
}

 
functioneraseCookie(name) {
 setCookie(name, "", -1);
}
зы. Помещаем эти функции в блокнот и сохраняем с кодировкой UTF-8 под названием cookies.js
Пример с setCookie.
Как я уже писал выше, эта функция создаёт cookie.



setCookie('test','my content', 365);


• test - имя cookie.
  
• my content - содержимое cookie.
  
• 365 - количество дней хранения cookie.
  
Теперь у нас есть cookie с именем test и содержимым my content.
Пример с getCookie.
Так как у нас уже есть cookie с именем test, то мы можем его прочитать.


if(getCookie('test')) { // Проверяем, существует ли cookie с именем test
 alert(getCookie('test')); // Если такой cookie есть, то мы получим его содержимое
}
Как вы уже поняли, то getCookie('имя cookie') возвращает содержимое cookie, в нашем случаи my content.
Пример с eraseCookie.
Тут всё просто, если cookie нам больше не нужен, то мы его удаляем.


if(getCookie('test')) { // Проверяем существование
 eraseCookie('test'); // Удаляем
}
Всё, теперь нашего cookie с именем test не существует.
На этом всё, думаю стало понятней.


jQ.cookie
Применение версии на jQuery.


$.cookie('test', 'my content', {expires: 365, path: '/'}); // Создаём cookie
$.cookie('test'); // Получаем cookie
$.cookie('test', null, {path: '/'}); // Удаляем cookie

спасибо сайту webcodes.ru за предоставление материалов!


•    Получить ссылку

  В новом окне Просмотров:[607]Добавлено:18.06.2025 Подробнее