Печенье Позвольте вам хранить информацию о пользователе на веб-страницах.
Что такое печенье? Cookies – это данные, хранящиеся в небольших текстовых файлах, на вашем компьютере.
Когда веб-сервер отправил веб-страницу в браузер, соединение выключается, и сервер забывает все о пользователе.
Печенье было изобретено для решения проблемы «Как запомнить информацию о пользователе»:
Когда пользователь посещает веб-страницу, его/ее имя можно хранить в файле cookie. В следующий раз, когда пользователь посещает страницу, печенье «запоминает» его/ее имя. Печенье сохранены в парах имени-значений, как:
Имя пользователя Doe Когда браузер запросит веб-страницу с сервера, файлы cookie, принадлежащие к странице, добавляются к запросу. Таким образом, сервер получает необходимые данные для «запоминания» информации о пользователях.
Примечание. Ни один из приведенных ниже примеров не будет работать, если ваш браузер имеет отключенную поддержку файлов файлов cookie.
JavaScript может создавать, прочитать и удалять файлы cookie с помощью свойства Document.cookie.
С JavaScript можно создать файл cookie:
Document.cookie;
Вы также можете добавить срок годности (в UTC Time). По умолчанию Cookie удаляется, когда браузер закрыт:
Document.cookie; С PATH PARAMETER вы можете сообщить браузеру, к какой дорожке Cookie принадлежит. По умолчанию файл cookie принадлежит к текущей странице.
Document.cookie; Прочитайте файлы cookie с JavaScript с JavaScript, Cookies можно прочитать так:
var.cookie; Document.cookie вернет все файлы cookie в одну строку, как:;;;
С JavaScript вы можете изменить печенье так же, как вы его создаете:
Document.cookie.cookie. ; Старый печенье перезаписан.
Удаление печенья очень просто.
Вам не нужно указывать значение cookie при удалении файла cookie.
Просто установите параметр Expires до прошлой даты:
Document.cookie.cookie. ; Вы должны определить путь cookie, чтобы убедиться, что вы удалите правильное cookie.
Некоторые браузеры не позволят вам удалить файл cookie, если вы не укажете путь.
Свойство Document.cookie выглядит как нормальная текстовая строка. Но это не так.
Даже если вы пишете целую строку печенья в Document.cookie, когда вы снова прочитаете его, вы можете видеть только пару имени-значение.
Если вы установите новое cookie, старые файлы cookie не перезаписываются. Новое cookie добавляется в document.cookie, поэтому, если вы читаете document.cookie снова вы получите что-то вроде:
cookie1 ;;
Отображать все куки Создать cookie 1 Создать cookie 2 Удалить cookie 1 Удалить cookie 2
Если вы хотите найти значение одного указанного файла cookie, вы должны написать функцию JavaScript, которая ищет значение файла cookie в строке cookie.
В примере следует следовать, мы создадим файл cookie, который хранит имя посетителя.
Первый раз, когда посетитель прибывает на веб-страницу, он/ей будет предложено заполнить свое имя. Затем название сохраняется в файле cookie.
В следующий раз посетитель прибывает на той же странице, он/она получит приветственное сообщение.
Для примера мы создадим 3 функции JavaScript:
Функция для установки значения cookie функция для получения значения файла cookie Функция для проверки значения cookie функция для настройки файла cookie
Во-первых, мы создаем функцию, которая хранит имя посетителя в переменной файла cookie:
Пример функции setcookie (cname, cvalue, exedss) {date (); D.settime (dgettime (d.gettime () + (экстементы * 24 * 60 * 60 * 1000)); var + d.toutcstring (); +; “+ истекает +”; путь =/”;} Пример объяснил:
Параметры функции выше – это имя cookie (CNAME), значение cookie (CValue) и количества дней, пока файл cookie не должен истекать (экстементы).
Функция устанавливает файл cookie, добавив совместное cookiename, значение cookie и строку истечения срока действия.
Функция Чтобы получить файл cookie, мы создаем функцию, которая возвращает значение указанного cookie:
Пример функции getcookie (cname) {var + “=”; var (document.cookie); var.split (‘;’); для (var; i Возьмите Cookiename в качестве параметра (CNAME). Создайте переменную (имя) с текстом для поиска (Cname + »=”). Дидируйте строку cookie, чтобы обрабатывать файлы cookies со специальными символами, например. ‘$’ Разделить документ. Кости на точках с запятой в массив называется ca.split (‘;’)). Петля через массив CA; i Если найден файл cookie (c.indexof (name)), верните значение cookie (c asubstring (name.length, c.length). Если печенье не найдено, вернитесь “”. Функция, чтобы проверить cookie Последнее, мы создаем функцию, которая проверяет, установлено ли файл cookie. Если файл cookie установлен, он будет отображать приветствие. Если файл cookie не установлен, он будет отображать окно приглашения, прося имя пользователя и хранит файл cookie имени пользователя в течение 365 дней, вызывая функцию setcookie: Пример функции CheckCookie () {var (“имя пользователя”); Если (имя пользователя) {Alert («Добро пожаловать еще раз» + имя пользователя); } else {(“Пожалуйста, введите ваше имя:”, “”); Если (имя пользователя && username) {setcookie (“имя пользователя”, имя пользователя, 365); }}} Пример функции setcookie (cname, cvalue, exedss) {date (); D.settime (dgettime (d.gettime () + (экстементы * 24 * 60 * 60 * 1000)); var + d.toutcstring (); +. ; «+ истекает +»; путь =/”;} Функция getcookie (cname) {var + “=”; var.cookie.split (‘;’); для (var; i Функция CheckCookie () {var (“Имя пользователя”) ; if (user) {alert (“Добро пожаловать еще раз” + пользователь); } else {(“Пожалуйста, введите ваше имя:”, “”); Если (user && user) {setcookie (“имя пользователя”, пользователь, 365); }}}
Оригинал: “https://dev.to/arnabdey/javascript-cookies-35lk”