Cookies σε JavaScript: Ορισμός, λήψη & Διαγραφή παραδείγματος

Πίνακας περιεχομένων:

Anonim

Τι είναι τα Cookies;

Ένα cookie είναι ένα κομμάτι δεδομένων που είναι αποθηκευμένο στον υπολογιστή σας για πρόσβαση από το πρόγραμμα περιήγησής σας. Μπορεί επίσης να έχετε απολαύσει τα οφέλη των cookies εν γνώσει ή άγνωστα. Έχετε αποθηκεύσει ποτέ τον κωδικό πρόσβασής σας στο Facebook, ώστε να μην χρειάζεται να τον πληκτρολογείτε κάθε φορά που προσπαθείτε να συνδεθείτε; Εάν ναι, τότε χρησιμοποιείτε cookies. Τα cookie αποθηκεύονται ως ζεύγη κλειδιών / τιμών.

Γιατί χρειάζεστε ένα cookie;

Η επικοινωνία μεταξύ ενός προγράμματος περιήγησης ιστού και ενός διακομιστή συμβαίνει χρησιμοποιώντας ένα πρωτόκολλο χωρίς κράτος που ονομάζεται HTTP. Το πρωτόκολλο Stateless αντιμετωπίζει κάθε αίτημα ανεξάρτητο. Έτσι, ο διακομιστής δεν διατηρεί τα δεδομένα αφού τα στείλει στο πρόγραμμα περιήγησης. Αλλά σε πολλές περιπτώσεις, τα δεδομένα θα απαιτηθούν ξανά. Εδώ έρχονται τα cookies σε μια εικόνα. Με τα cookies, το πρόγραμμα περιήγησης ιστού δεν θα χρειάζεται να επικοινωνεί με τον διακομιστή κάθε φορά που απαιτούνται τα δεδομένα. Αντ 'αυτού, μπορεί να ληφθεί απευθείας από τον υπολογιστή.

Cookie σετ Javascript

Μπορείτε να δημιουργήσετε cookie χρησιμοποιώντας έγγραφο. ιδιότητα cookie σαν αυτό.

document.cookie = "cookiename=cookievalue"

Μπορείτε ακόμη και να προσθέσετε ημερομηνία λήξης στο cookie σας, έτσι ώστε το συγκεκριμένο cookie να αφαιρεθεί από τον υπολογιστή την καθορισμένη ημερομηνία. Η ημερομηνία λήξης πρέπει να οριστεί με τη μορφή UTC / GMT. Εάν δεν ορίσετε την ημερομηνία λήξης, το cookie θα αφαιρεθεί όταν ο χρήστης κλείσει το πρόγραμμα περιήγησης.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

Μπορείτε επίσης να ορίσετε τον τομέα και τη διαδρομή για να καθορίσετε σε ποιον τομέα και σε ποιους καταλόγους στον συγκεκριμένο τομέα ανήκει το cookie. Από προεπιλογή, ένα cookie ανήκει στη σελίδα που ορίζει το cookie.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

// δημιουργήστε ένα cookie με τομέα στην τρέχουσα σελίδα και διαδρομή προς ολόκληρο τον τομέα.

Αποκτήστε το Cookie JavaScript

Μπορείτε να αποκτήσετε πρόσβαση στο cookie όπως αυτό, το οποίο θα επιστρέψει όλα τα cookie που έχουν αποθηκευτεί για τον τρέχοντα τομέα.

var x = document.cookie

Διαγραφή cookie JavaScript

Για να διαγράψετε ένα cookie, απλώς πρέπει να ορίσετε την τιμή του cookie σε άδεια και να ορίσετε την τιμή λήξης σε μια ημερομηνία που πέρασε.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Δοκιμάστε αυτό το παράδειγμα μόνοι σας:

<κεφάλι> Cookie !!!