Atrybuty plików cookie w JavaScript | Wyjaśnione

W dzisiejszych czasach konieczne jest utrzymanie informacji o sesji na wielu stronach dla większości stron internetowych. Zwykle, gdy serwer WWW odpowiada, wysyłając stronę internetową do przeglądarki, połączenie zostaje zakończone, a wszystkie dane przechowywane na serwerze są utracone. Ta sytuacja utrudnia przechowywanie informacji związanych z sesją użytkownika i nie można odwołać się do serwera w celu uzyskania dostępu.

W takim scenariuszu, Ciasteczka są używane do przechowywania przydatnych informacji, które można później pobrać, aby dowiedzieć się o użytkowniku. Pliki cookie zawierają małe fragmenty danych przechowywane w przeglądarce internetowej i używane do śledzenia aktywności użytkownika. Pozwalają również na dostarczanie określonych funkcji według konkretnego użytkownika. W rezultacie pliki cookie są uważane za podstawowy element funkcjonalności strony internetowej.

Ten zapis wyjaśni Atrybuty z Ciasteczka W JavaScript za pomocą odpowiednich przykładów. A więc zacznijmy!

Atrybuty plików cookie w JavaScript

JavaScript obsługuje następujące cztery atrybuty cookie:

• wygasa
• MAX-AGE
• ścieżka
• domena

Poniższe sekcje pokażą metody wykorzystania tych atrybutów w celu zwiększenia funkcjonalności plików cookie w JavaScript.

Notatka: Pliki cookie wygasa po pewnym czasie; Jednak ustawienia wygaśnięcia plików cookie można obsługiwać za pośrednictwem jego oferowanego „wygasa”Atrybut w JavaScript.

Wytacza atrybut plików cookie w JavaScript

Pliki cookie są automatycznie usuwane po zamknięciu przeglądarki. Zabrania odwiedzającym ponownego wykorzystania wartości plików cookie, gdy później odwiedzają stronę internetową. Takie zachowanie można jednak kontrolować, ustawiając „termin ważności„Dla ciasteczka.

Pliki cookie w JavaScript oferują „wygasa”Atrybut, który pozwala ci dodać„termin ważności„W powszechnym czasie koordynowanym (UTC) z„Nazwa = wartość„Para ciasteczek.

Składnia atrybutu plików cookie w JavaScript

dokument.cookie = "name = wartość; exires = extirationDate UTC"

Tutaj "wygasa„Atrybut jest wykorzystywany do utrzymania stanu pliku cookie według„termin ważności" I "UTC" czas.

Przykład: wygasa atrybut plików cookie w JavaScript

Po pierwsze, w naszym „indeks.html„Plik dodamy dwa przyciski:„setCookie" I "Getcookie". „„setCookie”Przycisk wywołuje„setCookie ()”Funkcja, aby ustawić określony plik cookie, podczas gdy„Getcookie”Przycisk wywołuje„getCookie ()„Funkcja, aby pobrać już ustawione pliki cookie:

W naszym "projekt.JS”Plik, zdefiniujemy„setCookie ()" I "getCookie ()”Funkcje związane z„na kliknięcie„Wydarzenia„ „setCookie" I "Getcookie" guziki. „„setCookie () ” Funkcja utworzy plik cookie o „nazwa użytkownika„Jak ciasteczka”nazwa" I "Sharqa„Jak to„wartość”I„ „wygasa”Wartość atrybutu jako„Sun, 10 sierpnia 2030 12:00:00 UTC”:

funkcja setCookie ()
dokument.cookie = "nazwa użytkownika = Sharqa; exires = Sun, 10 sierpnia 2030 12:00:00 UTC";

Następnie, po sprawdzeniu długości utworzonego pliku cookie w „Jeśli„Oświadczenie,„getCookie ()„Funkcja przyniesie ciastko”nazwa" I "wartość”I wyświetl go w polu alertu. W drugim przypadku, jeśli plik cookie zostanie wygaśnięty lub usunięty, skrzynka alertowa stwierdzi, że „Plik cookie niedostępny”:

functiongetCookie ()
if (dokument.ciastko.długość != 0)
vararray = dokument.ciastko.split („=”);
alert („name =” + array [0] + "" + "wartość =" + array [1]);

w przeciwnym razie
alert („ciasteczka niedostępne”);

Teraz zapiszymy oba pliki, a następnie wykorzystamy kod VS ”Serwer na żywo”Rozszerzenie uruchomienia aplikacji w przeglądarce:

Otwarta strona internetowa obejmuje dwa przyciski: „setCookie" I "Getcookie”, Gdzie kliknij„setCookie”Utworzy nowe plik cookie z określonym„nazwa”,„wartość", I "wygasa" wartość atrybutu:

Aby obejrzeć „wartość nazwiska„Para ciasteczek w polu alertu kliknij„Getcookie" przycisk:

Poniższe pole alertu pokazuje nazwę plików cookie jako „nazwa użytkownika”, A jego wartość jako„Sharqa”:

Możesz także użyć „Konsola programisty„Aby sprawdzić szczegóły związane z dodanym ciasteczkiem. Zrobić to, Kliknij prawym przyciskiem myszy W przeglądarce i z jej menu kontekstowego wybierz „Sprawdzać" opcja:

Następnie kliknij „Aplikacja„Opcja z górnej części konsoli dewelopera i poszukaj”Ciasteczka" w "Składowanie„Menu, obecne po lewej stronie okna:

Można zobaczyć na powyższym obrazie, że pomyślnie utworzyliśmy plik cookie i ustawiliśmy datę wygaśnięcia za pomocą „wygasa" atrybut.

Maksymalny atrybut plików cookie w JavaScript

Życie cookie jest ustawione zgodnie z bieżącym czasem sesji przeglądarki, co oznacza, że ​​plik cookie wygasa, gdy tylko użytkownik zamknie przeglądarkę. Możesz użyć „MAX-AGE”Atrybut definiowania jego dożywotni, które będą niezależne od czasu trwania sesji przeglądarki.

Składnia atrybutu maksymalnego poziomu plików cookie w JavaScript

dokument.cookie = "name = wartość; max-ee =" czas

Tutaj "MAX-AGE„Atrybut jest wykorzystywany do określenia„czas„W którym utworzone ciasteczka pozostanie w systemie przed jego usunięciem. Ten atrybut akceptuje wartość czasu w „sekundy".

Przykład: atrybut maksymalnego w wieku plików cookie w JavaScript

Teraz stworzymy ciasteczko z „nazwa użytkownika„Jak to„nazwa”,„Alex" Jak "wartość". Także „„MAX-AGE„Atrybut pliku cookie wyznaczy swoje życie„30”Dni:

dokument.cookie = "nazwa użytkownika = Alex; max-age =" + 30*24*60*60 + ";"

Po zapisaniu dodanego kodu, otwórz „indeks.html”Plik w przeglądarce i kliknij„setCookie”Przycisk do tworzenia nowego pliku cookie i ustawienia jego życia:

W przeglądarce zostanie teraz wyświetlone następujące pole alertu:

Aby zweryfikować czas życia stworzonego pliku cookie, zbadaj „Wygasa / maksymalny poziom”Kolumna w następującym oknie:

Na powyższym obrazie „„Wygasa / maksymalny poziom”Kolumna zawiera określone„MAX-AGE”Wartość atrybutu zgodnie z„Epoka z czasem czasu UNIX ”.

Atrybut ścieżki plików cookie w JavaScript

W JavaScript plik cookie jest dostępny dla wszystkich stron internetowych obecnych w tym samym katalogu lub podwodnicach. Możesz jednak użyć „ścieżka”Atrybut do kontrolowania zakresu plików cookie na stronach internetowych.

Składnia atrybutu ścieżki plików cookie w JavaScript

dokument.cookie = "name = wartość; exires = extirationDate; ścieżka =/ścieżka";

Tutaj "ścieżka„Atrybut jest wykorzystywany do określenia„ŚCIEŻKA„Dla którego stworzone jest„ ciasteczka ”dostępny".

Przykład: atrybut ścieżki plików cookie w JavaScript

Utworzymy plik cookie o nazwie „nazwa użytkownika,”, Który obejmuje wartość”Alex”, I ustaw datę i godzinę ważności jako„Śr, 10 stycznia 2030 23:00:00 UTC". Następnie ustawimy to „ścieżka" przypisują "/,„Co oznacza, że ​​utworzone pliki cookie będą dostępne na całej stronie internetowej:

dokument.cookie = "nazwa użytkownika = Alex; wygasa = środa, 10 stycznia 2030 23:00:00 UTC; ścieżka =/";

Zapisz podany kod w swoim „indeks.html”Złóż i otwórz go w przeglądarce:

Teraz kliknij „setCookie”Przycisk, a następnie przejdź do okna konsoli dewelopera, aby uzyskać potwierdzenie dodanej ścieżki:

Jak widać w „Ścieżka”Kolumna, atrybut ścieżki„nazwa użytkownika„Cookie jest ustawiony na„/”:

„„ścieżka”I„ „domena„Atrybut plików cookie jest używany przede wszystkim razem podczas tworzenia plików cookie w JavaScript. Teraz omówimy „domena”Atrybut w następnej sekcji.

Atrybut domeny plików cookie w JavaScript

„„domena„Atrybut plików cookie JavaScript służy do dodania domeny, za którą uważa się za plik cookie„ważny". Na przykład „„domena„Wartość atrybutu to„Linuxhint.com”, Wówczas zestaw plików cookie będzie ważny dla określonej domeny i jej pod-domenów.

Składnia atrybutu domeny plików cookie w JavaScript

dokument.cookie = "name = wartość; ścieżka =/ścieżka; domain = domainName";

W powyższej składni „„Nazwa domeny„Wartość określa domenę, do której należą pliki cookie.

Przykład: atrybut domeny plików cookie w JavaScript

Na przykład stworzymy plik cookie na „blog.Linuxhint.com”I ustaw wartość„ścieżka" przypisują "/”I wartość atrybutu domeny„ do „Linuxhint.com”, Wtedy plik cookie będzie dostępny dla stron internetowych„Linuxhint.com" strona internetowa:

dokument.cookie = "name = wartość; ścieżka =/ścieżka; domain = domainName";

Zamiast "Linuxhint.com”, Jeśli zapewniamy subdomenę”blog.Linuxhint.com", a później "nazwa użytkownika„Cookie będzie ważny tylko dla dodanej subdomeny. Dlatego idealnym podejściem jest określenie odpowiedniego domena zamiast tego subdomina wartość.

W celu demonstracji ustawimy „127.0.0.1„Jako domena dla pliku cookie:

dokument.cookie = "name = sharqa; ścieżka =/; domena = 127.0.0.1 ";

Poniższe dane wyjściowe oznacza, że ​​pomyślnie ustawiliśmy ”127.0.0.1”Jako ważna domena dla utworzonego„kluczowa wartość„Para ciastek:

Opracowaliśmy niezbędne informacje o powiązaniu atrybuty z Ciasteczka W JavaScript.

Wniosek

"wygasa”,„MAX-AGE”,„ścieżka”I„ „domena”Są atrybutami plików cookie w JavaScript. Wytacza i atrybuty maksymalne są wykorzystywane do ustawiania daty ważności i życia plików cookie. Natomiast połączenie atrybutów domeny i ścieżki pomaga w określaniu ważnej domeny i zakresu, w którym dostępne są pliki cookie. Ten zapis wyjaśnił atrybuty plików cookie w JavaScript za pomocą odpowiednich przykładów.