Печенье в JavaScript - Как Cookies работают в JavaScript с примером?

• Обзор файлов cookie в JavaScript

Обзор файлов cookie в JavaScript

Cookies - это часть информации или информации о пользователе, или мы можем сказать, что данные. он хранится на компьютере пользователя и в основном содержит информацию о пользователях, чтобы запомнить их в следующий раз, если соединение с сервером потеряно или что-то еще. Это механизм запоминания пользовательской информации или отслеживания активности пользователя при просмотре. JavaScript также работает таким же образом, чтобы хранить пользовательскую информацию. Он хранит небольшой текстовый файл на нашем рабочем столе. Если пользователь заходит на какую-либо веб-страницу, он сохраняет ее значение, чтобы куки запомнили свое имя.

Как Cookies работают в JavaScript?

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

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

1. Имя = Значение пары

Cookie хранится в виде пары ключ-значение и извлекается только таким же образом.

Пример:

имя пользователя = значение;

; максимальный возраст = максимальный возраст в секундах (например, 60 * 60 * 24 * 365)

2. Истекает

У нас есть дата, когда срок действия этих данных истечет, если у нас нет какого-либо значения для даты или она пуста, тогда срок действия файла cookie истечет, когда пользователь полностью отключит браузер или выйдет из него.

Пример:

; = Истекает дата-в-GMTString-формате. Если мы не упомянем ни expire, ни max-age, он истечет при завершении или завершении текущего сеанса, как объяснено выше.

3. Безопасный

Если в этом поле содержится слово «безопасный», мы не можем получить cookie, его можно получить только с безопасного сервера, в противном случае такого ограничения нет. Это еще один способ защиты информации о наших пользователях от ненадежных серверов.

4. Хост

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

Если сервер не желает предоставлять атрибут пути, тогда используется «каталог» запроса. Для браузера Chrome атрибут path всегда является источником.

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

5. Путь

Это путь, который устанавливает cookie. Если этот путь не указан, вы можете получить cookie с любой страницы. Путь должен быть абсолютным.

Пример:

; путь = путь (например, '/', '/ mypath')

6. Домен

Содержит название сайта.

Пример:

; samesite: он защитит браузер от отправки этого куки на любую другую страницу или межсайтовый запрос. У этого флага есть два возможных значения.

Можно использовать пару ключ = значение или значение cookie можно использовать закодированный URI только для того, чтобы строка не содержала пробелов, точек с запятой и запятых. Значение cookie не содержит все вышеперечисленные ограничения. Используя JavaScript, мы можем создавать, извлекать и удалять файлы cookie. Для этого мы используем свойство cookie объекта document, чтобы мы могли манипулировать объектом cookie.

Таким образом, JavaScript может создавать, читать и изменять файлы cookie на текущей веб-странице.

Синтаксис файлов cookie в JavaScript

Ниже приведен синтаксис в JavaScript, подробно объяснить,

1. Написание нового печенья

Синтаксис:

document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;

Выше синтаксиса, чтобы показать только одну пару ключ = значение, а другой способ установить несколько файлов cookie одновременно. Но здесь атрибут Expire не является обязательным. Если мы предоставим этому атрибуту любую действительную дату или время, тогда он удалит cookie на эту дату и время, если нет, то ничего не произойдет, и файл cookie все равно будет доступен.

Здесь мы устанавливаем значение свойства cookie объекта документа. В приведенном выше синтаксисе document.cookie = value является формой pf key = value. При установке значения файла cookie необходимо помнить одну вещь: мы можем установить только один файл cookie одновременно. (Создание / обновление)

Код:



function createCookie() (
if( document.myform.customer.value == "" ) (
alert("please enter some value.");
return;
)
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write ("Cookies : " + "name=" + cookievalue );
)






Выход:

2. Чтение Cookie

Синтаксис:

allCookieValue = document.cookie

В приведенном выше синтаксисе allCookieValue будет содержать все значения cookie, разделенные точкой с запятой, поэтому в основном это строка, разделенная точкой с запятой. В виде пары ключ = значение.

3. Сбросить значение cookie

Код:

function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)

Как удалить куки в 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 );
)





Выход:

Вывод

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

Рекомендуемые статьи

Это руководство по Cookies в JavaScript. Здесь мы обсуждаем работу, синтаксис и как удалить cookie в javascript. Вы также можете посмотреть следующие статьи, чтобы узнать больше

1. Создание и удаление файлов cookie в PHP
2. Как переменные работают в JavaScript?
3. 6 лучших компиляторов JavaScript
4. Как создать объект JavaScript?