Τι είναι ένα Cookie;

Τα cookies είναι μικρά αρχεία κειμένου, που αποθηκεύονται στον υπολογιστή μας όταν σερφάρουμε στο διαδίκτυο. Αυτά τα αρχεία βοηθούν τις ιστοσελίδες να “θυμούνται” κάποιες ρυθμίσεις που έχουμε κάνει, ή κάποια προτίμηση μας στην εκάστοτε ιστοσελίδα. Για παράδειγμα, μια ιστοσελίδα μπορεί να έχει εναλλασόμενες εικόνες παρασκηνίου. Έτσι κάθε φορά που αλλάζουμε εικόνα, αποθηκεύεται ένα cookie με την εικόνα που επιλέξαμε, και έτσι κάθε φορά που φορτώνουμε μια σελίδα από την συγκεκριμένη ιστοσελίδα, διαβάζει τα στοιχεία του cookie, και εφαρμόζει το τελευταίο μας background.

Ο Παραδοσιακός τρόπος

Με την χρήση javascript, μπορούμε να δημιουργήσουμε cookies για οποιαδήποτε χρήση. Ο παραδοσιακός τρόπος δημιουργίας είναι γράφοντας

document.cookie = 'name=value; expires=Thu, 2 Aug 2008 20:00:00 UTC; path=/'

jQuery Cookies

Με την χρήση του plugin Cookie της βιβλιοθήκης jQuery, μπορούμε να δημιουργήσουμε cookies, με πιο απλή σύνταξη, και πιο εύκολη διαδικασία. Δείτε τον παρακάτω κώδικα και συγκρίνετε τον με τον αντίστοιχο της κλασσικής javascript πιο πάνω

$.cookie('myCookie', 'blue', { expires: 2 });

O παραπάνω κώδικας, δημιουργεί ένα cookie ονόματι “myCookie”, του δίνει την τιμή “blue” και του βάζει ημερομηνία λήξης τις 2 ημέρες.

Άλλες λειτουργίες με τα cookies

Με την παρακάτω γραμμή κώδικα μπορούμε να διαβάσουμε την τιμή που έχει μέσα το cookie που έχουμε δημιουργήσει

$.cookie('myCookie');

ενώ με τον παρακάτω κώδικα μπορούμε να του δώσουμε νέα τιμή

$.cookie('myCookie', 'blue');

Τέλος με τον παρακάτω κώδικα μπορούμε να διαγράψουμε την τιμή που έχει μέσα το cookie μας

$.cookie('myCookie', null);

Παράδειγμα

Δείτε μια live επίδειξη της χρήσης των cookies

Μπορείτε να κατεβάσετε και να χρησιμοποιήσετε και εσείς το plugin Cookie από την σελίδα http://github.com/carhartl/jquery-cookie