Przegląd plików cookie w JavaScript
Pliki cookie to informacje lub informacje o użytkowniku lub możemy powiedzieć dane. jest przechowywany na komputerze użytkownika i zasadniczo zawiera informacje o użytkowniku, aby zapamiętać je następnym razem, jeśli połączenie zostanie utracone z serwera lub coś innego. Jest to mechanizm służący do zapamiętywania informacji o użytkowniku lub śledzenia aktywności użytkownika podczas przeglądania. JavaScript działa również w ten sam sposób, aby zachować informacje o użytkowniku. Przechowuje mały plik tekstowy na naszym pulpicie. Gdy użytkownik odwiedza dowolną stronę internetową, przechowuje swoją wartość, aby plik cookie zapamiętał jego nazwę.
Jak działają pliki cookie w JavaScript?
Za każdym razem, gdy wysyłamy jakieś żądanie do serwera, wysyła on pewne dane do przeglądarek użytkowników w postaci plików cookie. W przeglądarce mamy pewne ustawienia dotyczące plików cookie. Przeglądarka może zaakceptować plik cookie. Jeśli przeglądarka zaakceptuje plik cookie, otrzyma on postać pary nazwa-wartość w systemie użytkownika. Tak więc za każdym razem, gdy użytkownik odwiedza inną stronę w przeglądarce witryny, wysyła te same informacje o użytkowniku do serwera, aby poinformować go o danych użytkownika w celu dalszego wyszukiwania.
pliki cookie są przechowywane w postaci zwykłego tekstu. Niektóre właściwości pliku cookie są następujące:
1. Nazwa = para wartości
Pliki cookie są przechowywane w postaci pary klucz-wartość i są pobierane tylko w ten sam sposób.
Przykład:
nazwa użytkownika = wartość;
; maksymalny wiek = maksymalny wiek w sekundach (np. 60 * 60 * 24 * 365)
2. Wygasają
Mamy datę, kiedy te dane wygasną, jeśli nie mamy żadnej wartości dla daty lub jest ona pusta, wówczas ciasteczko wygaśnie, gdy użytkownik opuści przeglądarkę lub z niej wyjdzie.
Przykład:
; expires = data-w-GMTString-formacie. Jeśli nie wspominamy o wygaśnięciu ani maksymalnym wieku, wygasa on po wyjściu lub zakończeniu bieżącej sesji, jak wyjaśniono powyżej.
3. Bezpieczne
Jeśli w tym polu znajduje się słowo „bezpieczne”, nie możemy pobrać pliku cookie, można je tylko pobrać z bezpiecznego serwera, w przeciwnym razie nie ma takiego ograniczenia. Jest to kolejny sposób zabezpieczenia naszych informacji o użytkownikach przed niezaufanymi serwerami.
4. Host
Zapewnia to dwie korzyści, jedną z nich jest to, że pozwala nam korzystać z pliku cookie z bezpiecznego źródła, a zakres pliku cookie jest również ograniczony do atrybutu ścieżki, który przekazaliśmy z serwera. Obejmuje więc dwie funkcje, jedną dla bezpieczeństwa, a drugą jest również atrybut path.
Jeśli serwer nie chce podać atrybutu ścieżki, wówczas używany jest „katalog” żądania. W przeglądarce Chrome atrybut ścieżki jest zawsze źródłem.
Wskazuje również, że atrybut domeny nie jest obecny, co uniemożliwia przesłanie pliku cookie do innych domen, o których następnie wspomniano.
5. Ścieżka
To jest ścieżka, która ustawia ciasteczko. Jeśli ta ścieżka jest pusta, możesz pobrać plik cookie z dowolnej strony. Ścieżka musi być absolutna.
Przykład:
; ścieżka = ścieżka (np. „/”, „/ mypath”)
6. Domena
Zawiera nazwę strony.
Przykład:
; samesite: Będzie to chronić przeglądarkę przed wysłaniem tego pliku cookie do dowolnej innej strony lub żądania z innej witryny. Ma dwie możliwe wartości flagi.
Można użyć pary klucz = wartość lub wartość pliku cookie może użyć zakodowanego identyfikatora URI, aby upewnić się, że ciąg nie zawiera żadnych białych znaków, średników, przecinków. Wartość plików cookie nie zawiera wszystkich wyżej wymienionych ograniczeń. Za pomocą JavaScript możemy tworzyć, pobierać i usuwać pliki cookie. W tym celu używamy właściwości cookie obiektu dokumentu, abyśmy mogli manipulować obiektem cookie.
Aby JavaScript mógł tworzyć, odczytywać i modyfikować pliki cookie na bieżącej stronie internetowej.
Składnia plików cookie w JavaScript
Poniżej wyjaśniono szczegółowo składnię w javascript:
1. Pisanie nowego pliku cookie
Składnia:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
Powyższa składnia pokazująca tylko jedną parę klucz = wartość i druga to sposób na ustawienie wielu plików cookie jednocześnie. Ale tutaj atrybut Expire jest opcjonalny. Jeśli przekażemy temu atrybutowi dowolną prawidłową datę lub godzinę, usunie on plik cookie w tym dniu i godzinie, jeśli nie, nic się nie wydarzy, a plik cookie będzie nadal dostępny.
Tutaj ustawiamy wartość właściwości cookie obiektu dokumentu. W powyższej składni document.cookie = wartość jest formą pf klucz = wartość. Musimy pamiętać o jednej rzeczy, ustawiając wartość pliku cookie, że możemy ustawić tylko jeden plik cookie na raz. (utwórz / zaktualizuj)
Kod:
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 );
)
Wynik:
2. Czytanie plików cookie
Składnia:
allCookieValue = document.cookie
W powyższej składni allCookieValue będzie zawierać wszystkie wartości cookie oddzielone średnikiem, więc jest to w zasadzie ciąg oddzielony średnikiem. W postaci pary klucz = wartość.
3. Zresetuj wartość pliku cookie
Kod:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
Jak usunąć plik cookie w JavaScript?
Czasami chcemy usunąć niektóre wartości plików cookie. Ale aby usunąć wartość, ustawiliśmy atrybut date date na pewną wartość z przeszłości.
Kod:
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 );
)
Wynik:
Wniosek
Pliki cookie w zasadzie rozwiązują problem, w jaki sposób możemy zapamiętać użytkownika i jego informacje. Zapisuje się jako parę wartości bane. Używa innej metody, aby sprawdzić, czy użytkownik jest zalogowany, czy nie. Przykład uwierzytelnia metodę pliku cookie. Bez tego rodzaju metody możemy zdecydować, że serwer powinien wysłać informacje, czy nie.
Polecane artykuły
To jest przewodnik po plikach cookie w JavaScript. Tutaj omawiamy działanie, składnię i sposób usuwania plików cookie w javascript a. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej-
- Tworzenie i usuwanie plików cookie w PHP
- Jak działają zmienne w JavaScript?
- Top 6 kompilatorów JavaScript
- Jak utworzyć obiektowy JavaScript?