Файли cookie в JavaScript - Як файли cookie працюють у JavaScript із прикладом?

• Огляд файлів cookie в JavaScript

Огляд файлів cookie в JavaScript

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

Як файли cookie працюють у JavaScript?

Щоразу, коли ми робимо будь-який запит на сервер, він надсилає деякі дані в браузери користувачів у вигляді файлу cookie. У браузері у нас є деякі налаштування файлу cookie. Браузер може приймати файли cookie. Якщо браузер приймає файл cookie, який він отримав у вигляді пари ім’я-значення в системі користувача. Отже, кожен раз, коли користувач відвідує будь-яку іншу сторінку веб-переглядача, надсилає ту саму інформацію про користувача на сервер, щоб повідомити їх про дані користувача для подальшого пошуку.

файли cookie зберігаються у вигляді простого тексту. Деяка властивість файлу cookie полягає в наступному,

1. Назва = пара значень

Файли cookie зберігаються у вигляді пари ключів та значень та отримують лише тим самим способом.

Приклад:

ім'я користувача = значення;

; max-age = max-age-in-seconds (наприклад, 60 * 60 * 24 * 365)

2. Термін дії

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

Приклад:

; закінчується = дата в форматі GMTString Якщо ми не згадуємо термін спливання або макс-вік, він закінчується при виході або в кінці поточного сеансу, як пояснено вище.

3. Безпечний

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

4. Господар

Це забезпечує дві переваги: ​​це дозволяє нам використовувати файли cookie із захищеного походження, а також сфера cookie також обмежена атрибутом шляху, який ми передали з сервера. Таким чином, він охоплює дві функції, одна для безпеки, а інша - також атрибут шляху.

Якщо сервер не бажає надати атрибут шляху, тоді використовується "каталог" запиту. Для браузера Chrome атрибут шляху завжди є джерелом.

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

5. Шлях

Це шлях, який встановлює файл cookie. Якщо цей шлях порожній, ви можете отримати файл cookie з будь-якої сторінки. Шлях повинен бути абсолютним.

Приклад:

; path = шлях (наприклад, '/', '/ mypath')

6. Домен

Він містить назву сайту.

Приклад:

; samesite: Він захистить браузер від надсилання цього файлу cookie на будь-яку іншу сторінку або запит на веб-сайті. Він має два можливі значення для прапора.

Пара ключ = значення може використовувати або значення cookie може використовувати закодований URI лише для того, щоб рядок не містив пробілів, крапки з комою, комами. Значення файлу cookie не містить усіх вищезазначених обмежень. За допомогою JavaScript ми можемо створювати, отримувати та видаляти файли cookie. Для цього ми використовуємо властивість cookie об’єкта документа, щоб ми могли маніпулювати об'єктом cookie.

Таким чином, JavaScript може створювати, читати та змінювати файли cookie на поточній веб-сторінці.

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

Далі наведено синтаксис у javascript, пояснюємо детально,

1. Написання нового файлу cookie

Синтаксис:

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

Вищий синтаксис показує лише одну клавішу = пара значень, а інший - це спосіб встановити кілька файлів cookie одночасно. Але тут атрибут Expire необов’язковий. Якщо ми надамо цьому атрибуту будь-яку дійсну дату чи час, він видалить файл cookie на цю дату та час, якщо ні, то нічого не відбудеться, і файл cookie все ще буде доступний.

Тут ми встановлюємо значення властивості cookie об’єкта документа. У наведеному вище синтаксисі document.cookie = значення - це форма pf key = значення. Нам потрібно пам’ятати одне, встановлюючи значення файлу 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. Читання печива

Синтаксис:

allCookieValue = document.cookie

У наведеному вище синтаксисі allCookieValue буде містити всі значення файлів cookie, розділених крапкою з комою, тому в основному це рядок, розділений крапкою з комою. У вигляді пари ключ = значення.

3. Скиньте значення cookie

Код:

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

Як видалити cookie в JavaScript?

Іноді ми хочемо видалити якесь значення cookie. Але для видалення значення ми просто встановимо атрибут дати закінчення терміну дії на деяке минуле значення.

Код:



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 );
)





Вихід:

Висновок

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

Рекомендовані статті

Це посібник з файлів cookie в JavaScript. Тут ми обговорюємо роботу, синтаксис та способи видалення файлу cookie у javascript a. Ви також можете переглянути наступні статті, щоб дізнатися більше -

1. Створення та видалення файлів cookie у PHP
2. Як працюють змінні в JavaScript?
3. Топ-6 компіляторів JavaScript
4. Як створити JavaScript для об’єктів?