Работа с кукисами в JS

В JS также как и в PHP есть инструментарий для работы с кукисами. Все знают что это такое и дополнительно объяснять это понятие, я думаю, не стоит. Правильные web-разработчики уже давно увидели всю мощь использования кукисов в разработке сайтов и во всю ими пользуются.

Если в PHP все просто и доступно (необходимо знать только 1 функцию SetCookie() для записи и имя суперглобального массива $_COOKIE[’…’]), то в JS все по-другому.

Почему они так необходимы?

При разработке пользовательского интерфейса на сайте для людей всегда нужно учитывать все возможные исходы. К примеру, если Вы добавили на свой сайт форму, которую пользователь должен заполнить, то минимальной заботой о вашем посетителе будет, по мимо текстовых подсказок, сохранение его введенных данных при форс-мажорных обстоятельствах. Это избавит его от повторного набирания одного и того же текста. Кстати, часть пользователей, при случайном закрытии вашей странички во время набора, просто не будет этого делать второй раз и покинет ваш сайт. Не стоит этого допускать, так как, возможно, ушедший посетитель = ушедший потенциальный покупатель.

Кукисы в JS

Для того, чтобы работать с кукисами в JavaScript необходимо объявить 2 функции, которые будут записывать и получать переменные из всртоенной памяти браузера. Лучше всего поместить их в отдельном, текстовом файле с расширением *.js и подключить на вашем сайте, командой:

<script type="text/javascript" src="/js/cookie.js"></script>

Код в этом файле должен быть такой:

function setCookie (name, value, expires, path, domain, secure) {
      document.cookie = name + "=" + escape(value) +
        ((expires) ? "; expires=" + expires : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        ((secure) ? "; secure" : "");
}
function getCookie(name) {
	var cookie = " " + document.cookie;
	var search = " " + name + "=";
	var setStr = null;
	var offset = 0;
	var end = 0;
	if (cookie.length > 0) {
		offset = cookie.indexOf(search);
		if (offset != -1) {
			offset += search.length;
			end = cookie.indexOf(";", offset)
			if (end == -1) {
				end = cookie.length;
			}
			setStr = unescape(cookie.substring(offset, end));
		}
	}
	return(setStr);
}

Можно конечно же не выносить этот код в отдельный файл, а в любом месте сайта добавить приведенный выше код двух функций, обрамив его в теги:

<script type="text/javascript" >
тут код
</script>

Далее в тех местах, где есть необходимость записать какую-то информацию (к примеру musor) в Cookies, то необходимо на странице воспользоваться:

setCookie ("Test", "musor")

где Test – это имя переменной, по которому можно потом получить содержимое.

А если нужно получить значение переменой в кукисах, то:

getCookie ("Test")

Все предельно просто. Остается только привязать исполнение этих функций к событиям и все. Адаптированная на посетителя web-форма готова!

P.S. Сейчас без интернета уже никуда, поэтому каждый старается окружать вокруг себя мировой паутиной: интернет – дома, интернет – на работе и в мобильном телефоне. Если у Вас не хватает какой-то одной составляющей, то самое время обратить внимание на интернет-провайдера “Цифра 1”. Другие интернет провайдеры Москвы используют “подход” к каждому клиенту, который нельзя назвать индивидуальным. Провайдер интернета “Цифра 1” всегда подходит к своим клиентам только в индивидуальном порядке.

Комментарии:

Имя
e-mail
Сайт
Текст комментария: