Как JS создает, читает и удаляет файлы cookie

JavaScript ECMAScript 6

Ставь лайк и смотри, поиск в WeChat【Переезд в мир】Обратите внимание на этого человека, который не имеет большого фабричного прошлого, но имеет восходящий и позитивный настрой. эта статьяGitHub GitHub.com/QQ449245884…Он был включен, статьи были классифицированы, и многие мои документы и учебные материалы были систематизированы.

Все говорили, что нет проекта для написания резюме, поэтому я помог вам найти проект, и это было с бонусом.【Учебник по строительству】.

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

Что, черт возьми, такое печенье

CookieНебольшой фрагмент текстовой информации, который передается между веб-сервером и браузером вместе с пользовательскими запросами и страницами. Информация, содержащаяся в файле cookie, может быть прочитана веб-приложением каждый раз, когда пользователь посещает сайт.

Появление файлов cookie призвано решить проблему сохранения пользовательской информации. Например

  • Когда пользователь посещает веб-страницу, имя пользователя может быть сохранено в файле cookie.
  • Файл cookie запоминает имя пользователя при следующем посещении страницы пользователем.

CookieМожет запомнить информацию о пользователе на всех веб-страницах. Он содержит информацию в виде строк и хранится в виде пар ключ-значение, т.е.key=valueформат. каждыйcookieОбычно между ";"Отдельный.

username = Daisy Green

Недостатки файлов cookie

  • cookieможет быть отключен. Когда пользователь уделяет большое внимание защите личной конфиденциальности, он, скорее всего, отключит функцию cookie браузера;
  • cookieзависит от браузера. Это означает, что даже при доступе к одной и той же странице сохраненные данные между разными браузерамиcookieтакже не могут получить доступ друг к другу;
  • cookieможет быть удален. потому что каждыйcookieЭто файл на жестком диске, поэтому он может быть удален пользователем;
  • cookieБезопасность недостаточно высока. всеcookieВсе записывается в файл в виде простого текста, поэтому если вы хотите сохранить такую ​​информацию, как логин и пароль, то лучше заранее ее зашифровать.

Как работают файлы cookie

Сервер запускается сcookieФорма отправляет некоторые данные в браузер посетителя. Если браузер позволяет принимать куки. Затем он сохраняется в виде простой текстовой записи на жестком диске посетителя.

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

Состав файлов cookie

Файл cookie в заголовке HTTPHeaderинформация, HTTP Set-CookieHeaderФормат следующий:

Set-Cookie: name=value; [expires=date]; [path=path];
[domain=domainname]; [secure];

Конкретный пример в HTTP-коде:

<meta http-equiv="set-cookie" content=" cookieName = cookieValue;
expires=01-Dec-2006 01:14:26 GMT; path=/" />

Как видно из приведенного выше формата, файл cookie состоит из следующих частей.

Пара имя/значение

Name/Valueразделенные точкой с запятой, аCookieв большинстве20Да, не более одного на страницеCookie,Valueдлина не превышает4K. дляValueзначение, лучше всего использоватьencodeURIComponentзакодировать его.

Domain

Domainдоменное имя тожеCookieчасть , по умолчанию доменное имя пользователя, обращающегося к веб-странице, будет храниться вCookieсередина. Если это установленоCookie, это означает, что все серверы в домене, а не только сервер, к которому вы обращаетесь, могут получить доступ к этомуCookie, обычно этого не делают. Формат установки доменного имени следующий:domain=http://xyz.com

path

Для определенного набора серверов, которые доступны каталога страницCookie,настраиватьpathФормат:path = /movies

Expires

настраиватьCookieВремя жизни по умолчанию, когда пользователь закрывает браузерCookieавтоматическое удаление, если не установленоCookieСрок действия, затем, когда пользователь закрывает браузерCookieтакже исчез. Если этот параметр установлен,Cookieпериод жизни. Установите время для использования в JSDateобъектGMTформы, формат следующий:expires = date.toGMTString()

Secure

Выбиратьtrueилиfalseстоимость. еслиtrue, то должно пройтиhttpsОтправитьCookie.

JS Cookie

В JS вы можете использоватьDocumentобъектcookieманипулирование недвижимостьюcookie. JS может читать, создавать, изменять и удалять текущую страницу.cookie, Давайте посмотрим на конкретную операцию Sao.

Создать файл cookie

JS может использоватьdocument.cookieсоздание собственностиcookie, который может быть создан с помощьюcookie:

document.cookie = "username=Daisy Green";

Также можно добавить допустимую дату (время UTC). По умолчанию файлы cookie удаляются при закрытии браузера:

document.cookie = "username=Daisy Green; expires=Mon, 26 Aug 2019 12:00:00 UTC";

С помощью параметра пути вы можете указать браузеруcookie属于什么路径。 по умолчанию,cookieпринадлежит текущей странице.

document.cookie = "username=Daisy Green; expires=Mon, 26 Aug 2019 12:00:00 UTC"; path=/";

читать куки

С JS cookie можно прочитать так:

var x = document.cookie;

document.cookieвернет все файлы cookie в виде строки, например:cookie1=value; cookie2

кейс:

<html>
   <head>   
      <script type = "text/javascript">
         <!--
            function ReadCookie() {
               var allcookies = document.cookie;
               document.write ("All Cookies : " + allcookies );
                
               // Get all the cookies pairs in an array
               cookiearray = allcookies.split(';');
                
               // Now take key value pair out of this array
               for(var i=0; i<cookiearray.length; i++) {
                  name = cookiearray[i].split('=')[0];
                  value = cookiearray[i].split('=')[1];
                  document.write ("Key is : " + name + " and Value is : " + value);
               }
            }
         //-->
      </script>      
   </head>
    
   <body>     
      <form name = "myform" action = "">
         <p> click the Button to View Result:</p>
         <input type = "button" value = "Get Cookie" onclick = "ReadCookie()"/>
      </form>      
   </body>
</html>

бегать:

изменить куки

Используя JS, мы можем создать что-то вродеcookieИзмените это следующим образом:

document.cookie = "username=Steve Jobs; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";

очень старыйcookieбудет перезаписан.

кейс:

<html>
   <head>   
      <script type = "text/javascript">
         <!--
            function WriteCookie() {
               var now = new Date();
               now.setMonth( now.getMonth() + 1 );
               cookievalue = escape(document.myform.customer.value) + ";"
                
               document.cookie = "name=" + cookievalue;
               document.cookie = "expires=" + now.toUTCString() + ";"
               document.write ("Setting Cookies : " + "name=" + cookievalue );
            }
         //-->
      </script>      
   </head>
    
   <body>
      <form name = "myform" action = "">
         Enter name: <input type = "text" name = "customer"/>
         <input type = "button" value = "Set Cookie" onclick = "WriteCookie()"/>
      </form>      
   </body>
</html>

бегать:

удалить куки

удалятьcookieочень просто, не нужно указыватьcookieЗначение: прямо указаноexpiresПараметр может быть установлен на дату в прошлом:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

должен определитьcookieпуть для обеспечения правильного удаленияcookie. Если вы не укажете путь, некоторые браузеры не позволят нам удалитьcookie.

кейс:

<html>
   <head>   
      <script type = "text/javascript">
         <!--
            function WriteCookie() {
               var now = new Date();
               now.setMonth( now.getMonth() - 1 );
               cookievalue = escape(document.myform.customer.value) + ";"
                
               document.cookie = "name=" + cookievalue;
               document.cookie = "expires=" + now.toUTCString() + ";"
               document.write("Setting Cookies : " + "name=" + cookievalue );
            }
          //-->
      </script>      
   </head>
    
   <body>
      <form name = "myform" action = "">
         Enter name: <input type = "text" name = "customer"/>
         <input type = "button" value = "Set Cookie" onclick = "WriteCookie()"/>
      </form>      
   </body>
</html>

Ошибки, которые могут существовать после развертывания кода, не могут быть известны в режиме реального времени.Чтобы решить эти ошибки впоследствии, много времени тратится на отладку журнала.Кстати, я рекомендую всем полезный инструмент мониторинга ошибок.Fundebug.

Ссылаться на:Я 3schools.com/is/is_cook я…

общаться с

Статья постоянно обновляется каждую неделю. Вы можете выполнить поиск «Big Move to the World» в WeChat, чтобы прочитать и обновить ее как можно скорее (на одну или две статьи раньше, чем в блоге). Эта статья находится на GitHub.GitHub.com/QQ449245884…Он был включен, и многие мои документы были разобраны. Добро пожаловать в Звезду и совершенство. Вы можете обратиться в тестовый центр для ознакомления во время собеседования. Кроме того, обратите внимание на паблик-аккаунт и ответьте в фоновом режиме.Благосостояние, вы можете увидеть преимущества, вы знаете.

Категории