Najlepszy samouczek Cookies JavaScript W 2024 r. W tym samouczku możesz dowiedzieć się Co to są pliki cookie?,Użyj JavaScript do tworzenia Cookie,Użyj JavaScript czytać Cookie,Modyfikacja Cookie przy użyciu JavaScript,Usuń Cookie przy użyciu JavaScript,Cookie ciąg,przypadki JavaScript Cookie,Seter wartość cookies,Uzyskaj wartości funkcji cookies,Funkcja wykrywa wartość cookie,Kompletny przykład,Przykłady,
Pieczywo dla informacji użytkownika są przechowywane stron internetowych.
Cookies są dane zapisane w pliku tekstowym na komputerze w.
Gdy serwer WWW wysyła stronę internetową do przeglądarki po zakończeniu połączenia, serwer nie rejestruje informacji o użytkowniku.
Cookies zadaniem jest rozwiązać "jak nagrać dane użytkownika klienta":
Ciasteczka z par wartości nazwa / przechowywane są w następujący sposób:
Gdy przeglądarka żąda strony internetowej z serwera, ciasteczka należące do tej strony zostanie dodany do wniosku. Serwer w celu uzyskania informacji o użytkownikach w ten sposób.
JavaScript nieruchomość document.cookie mogą być wykorzystywane do tworzenia, czytać i usuwać pliki cookie.
JavaScript, tworzyć cookie w następujący sposób:
Można również dodać czas ważności cookies (UTC lub czasu GMT). Domyślnie cookies usuwane po zamknięciu przeglądarki:
Można użyć parametr path opowiada ścieżkę plików cookie w przeglądarce. Domyślnie cookies należy do bieżącej strony.
W JavaScript można użyć następującego kodu do odczytu plików cookie:
document.cookie ciąg powróci wszelkiego rodzaju ciasteczek, typ format: cookie1 = value; cookie2 = value; cookie3 = value; |
W JavaScript, modyfikować ciasteczka podobne do tworzenia ciasteczek, co następuje:
Stary ciasteczko zostanie zastąpiony.
Usuń cookies jest bardzo prosta. Wystarczy tylko ustawić parametry wygasa poprzednim razem, tak jak pokazano poniżej, jest ustawiony na czw, 01 styczeń 1970 00:00:00 GMT:
Należy pamiętać, że po usunięciu bez określania wartości cookie.
Obiekt document.cookie wygląda jak zwykły ciąg tekstowy, w rzeczywistości tak nie jest.
Nawet jeśli piszesz kompletne document.cookie cookies ciąg, gdy ponownie odczytać informacje z plików cookie, informacje Cookie to pary nazwa / wartość w postaci wrażeń.
Jeśli ustawisz nowy plik cookie, stary cookies nie zostaną nadpisane. Nowa ciasteczko zostanie dodany do document.cookie, więc jeśli ponownie przeczytać document.cookie otrzymasz dane w następujący sposób:
cookie1 = value; cookie2 = value;
Jeśli chcesz znaleźć konkretną wartość cookie, należy utworzyć funkcję JavaScript, aby znaleźć wartość cookie w ciągu cookies.
W poniższym przykładzie stworzymy cookie do przechowywania nazwy użytkownika.
Po pierwsze, osoby odwiedzające stronę internetową, zostanie poproszony o wypełnienie w ich imieniu. Nazwa zostanie zapisana w pliku cookie.
Następnym razem, gdy dostęp do strony gościa, ujrzy wiadomość powitalną.
W tym przykładzie stworzymy trzy funkcje JavaScript:
Po pierwsze, możemy utworzyć funkcję do przechowywania nazwy odwiedzającego:
Rozdzielczość Funkcja:
Ponad parametry funkcji, nazwa pliku cookie dla CNAME wartość cookies cvalue i ustaw upłynie czas ważności cookie.
Funkcja ta ustawia nazwę pliku cookie, wartość cookie, czas ważności pliku cookie.
Następnie tworzymy funkcję, która zwraca użytkownikowi określić wartość cookie:
Rozdzielczość Funkcja:
Nazwa Parametry Cookie to CNAME.
Tworzenie zmiennej tekstowej jest używany do pobierania określonego ciasteczko: uÅsÄw + "=".
Użyj oddzielając ciąg document.cookie i przypisać do tablicy ciągów podzielonej CA (ca = document.cookie.split ( ';')).
Tablica ca cyklu (i = 0; i <ca.length; i ++), a następnie odczytuje każdą wartość w tablicy i usuwanie spacji (C = ca [i] .trim ()).
Jeśli okaże cookie (c.indexOf (nazwa) == 0) zwraca wartość cookies (c.substring (name.length, c.length).
Jeśli nie znajdzie cookie, powraca "."
Wreszcie, możemy utworzyć funkcję, aby wykryć, czy plik cookie jest tworzony.
Jeśli ustawisz cookie, wyświetli się komunikat powitania.
Jeśli nie ustawić cookie, wyświetli pop za zainteresowanie imię odwiedzającego i wywołać funkcję Nazwa setCookie przechowywania odwiedzającego 365 dni:
Poniższe przykłady wykonywania funkcji checkCookie () po załadowaniu strony.