HTML5 - Pliki cookie

Spisie treści
Pliki cookie to małe fragmenty danych, które są przechowywane w przeglądarce osoby odwiedzającej stronę, dzięki czemu można uzyskać pewne dane dotyczące jej nawigacji na określonej stronie, dzięki czemu, gdy osoba ponownie odwiedza witrynę, możemy spersonalizować nawigację , pokazując wyniki związane z Twoją poprzednią wizytą lub natychmiast pokazując Twoje dane osobowe.
Z HTML5 i obiekt dokumentu Możemy pisać pliki cookie za pomocą języka Javascript, dzięki czemu możemy rozszerzyć funkcjonalność naszych stron, oferując bardziej niezawodne przeglądanie.
Czytaj i zapisuj pliki cookie
Jak wspomnieliśmy na początku, dzięki obiektowi dokument Możemy zrobić obsługę plików cookie, za pomocą poniższego kodu zrobimy mały przykład, abyśmy mogli zrozumieć, jak przebiegają procesy:
 Przykład Dodaj plik cookie aktualizacji pliku cookie 

Właściwość cookie działa w szczególny sposób, kiedy odczytujemy wartość właściwości, otrzymujemy wszystkie pliki cookie, które są powiązane z dokumentem. Pliki cookie mają strukturę pary nazwa/wartość i można zobaczyć nazwę = wartość.
Teraz, gdy uzyskamy kilka ciasteczek, zobaczymy, że otrzymamy je oddzielone średnikiem w następujący sposób: nazwa1 = wartość1; nazwa2 = wartość2; nazwa3 = wartość3. I tak dalej ze wszystkim, co mamy.
Teraz zachowanie podczas dodawania pliku cookie jest następujące, przypisujemy nową parę nazwa/wartość jako wartość właściwości cookie obiektu dokumentu, a zatem dodawane są pliki cookie dokumentu. W tym procesie możemy dodać tylko jeden plik cookie na raz, jeśli przypiszemy wartość odpowiadającą istniejącej nazwie pliku cookie, zostanie on zaktualizowany o tę wartość.
Po wyjaśnieniu sposobu działania ciasteczek wyjaśnimy kod, który wstawiliśmy, widzimy, że mamy dwa przyciski w dokumencie, każdemu z nich przypisano funkcję Dodaj plik cookie dodać pliki cookie i Zaktualizuj plik cookie aby je zaktualizować, gdy użyjemy pierwszego, funkcja jest aktywowana tworzenie plików cookie co tworzy nową parę nazwa/wartość, która zostanie dodana do kolekcji plików cookie dokumentu, drugi przycisk wywoła funkcję aktualizacjaCookie który przypisze nową wartość do istniejącego pliku cookie.
Zobaczmy zrzut ekranu, jak ten kod powinien działać w naszej przeglądarce:

Mamy też kilka dodatkowych właściwości, których możemy użyć do obsługi plików cookie, zobaczmy poniższą listę:
  • ścieżka = Ustawia ścieżkę powiązaną z plikiem cookie, domyślnie jest to ścieżka bieżącego dokumentu.
  • domena = Ustanawia domenę powiązaną z plikiem cookie, domyślnie przyjmuje wartość domeny bieżącego dokumentu.
  • maksymalny wiek = Określa czas życia ciasteczka, jest liczony w sekundach i zaczyna odliczać od momentu jego utworzenia.
  • wygasa = Ustaw datę wygaśnięcia pliku cookie przy użyciu strefy czasowej GMT. Ta opcja jest dostępna tylko w przypadku połączenia HTTPS.
Aby skorzystać z tych właściwości, musimy je dodać po średniku np. podczas ustawiania wartości pliku cookie document.cookie = "MyCookie = MojaWartość; max-wiek = 10"; Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt

Będziesz pomóc w rozwoju serwisu, dzieląc stronę ze swoimi znajomymi

wave wave wave wave wave