Печиво в JavaСценарій: приклад встановлення, отримання та видалення

Що таке Cookies?

Cookie – це частина даних, яка зберігається на вашому комп’ютері для доступу з вашого браузера. Ви також могли насолоджуватися перевагами файлів cookie свідомо чи несвідомо. Ви коли-небудь зберігали свій пароль на Facebook, щоб вам не доводилося вводити його кожного разу, коли ви намагаєтесь увійти? Якщо так, то ви використовуєте файли cookie. Файли cookie зберігаються як пари ключ/значення.

Навіщо вам потрібні файли cookie?

Спілкування між а веб-браузер і сервер працює за допомогою протоколу без збереження стану під назвою HTTP. Протокол без збереження стану розглядає кожен запит незалежно. Отже, сервер не зберігає дані після надсилання їх у браузер. Але в багатьох ситуаціях дані будуть потрібні знову. Ось печиво на малюнку. За допомогою файлів cookie веб-браузеру не потрібно буде зв’язуватися з сервером кожного разу, коли потрібні дані. Натомість його можна отримати безпосередньо з комп’ютера.

Javascript Встановити файли cookie

Ви можете створити файли cookie за допомогою документа. така властивість cookie.

document.cookie = "cookiename=cookievalue"

Ви навіть можете додати дату закінчення терміну дії файлу cookie, щоб певний файл cookie було видалено з комп’ютера у вказану дату. Термін придатності повинен бути встановлений у форматі UTC/GMT. Якщо ви не встановите термін дії, файл cookie буде видалено, коли користувач закриє браузер.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

Ви також можете встановити домен і шлях, щоб визначити, до якого домену та до яких каталогів у конкретному домені належить файл cookie. За замовчуванням файл cookie належить сторінці, яка встановлює його.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

//створити файл cookie з доменом поточної сторінки та шляхом до всього домену.

JavaСценарій отримати файли cookie

Ви можете отримати доступ до файлу cookie таким чином, який поверне всі файли cookie, збережені для поточного домену.

var x =  document.cookie

JavaСценарій видалення файлу cookie

Щоб видалити файл cookie, вам просто потрібно встановити значення cookie як порожнє та встановити значення терміну дії на минулу дату.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Спробуйте цей приклад самі

Особливі вказівки, щоб код працював... Двічі натисніть кнопку запуску

<html>
<head>
	<title>Cookie!!!</title>
	<script type="text/javascript">
		function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
		function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
       	  }
        	return "";
        }
		function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
        	alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            if (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
	</script>
</head>
<body onload="checkCookie()"></body>
</html>