Web Storage API

Το Web Storage API είναι μια απλή σύνταξη για αποθήκευση και ανάκτηση δεδομένων στο περιηγητή. Είναι πολύ εύκολο στη χρήση:

Επίδειξη

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

Προσπαθήστε το شخصικά

Όλοι οι περιηγητές υποστηρίζουν το Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται

Το αντικείμενο localStorage

Το αντικείμενο localStorage παρέχει πρόσβαση στην τοπική αποθήκευση του συγκεκριμένου ιστοχώρου. Επιτρέπει την αποθήκευση, ανάγνωση, προσθήκη, τροποποίηση και διαγραφή δεδομένων του τομέα.

Τα αποθηκευμένα δεδομένα δεν έχουν ημερομηνία λήξης και δεν θα διαγραφούν όταν ο περιηγητής κλείσει.

Αυτά τα δεδομένα θα είναι διαθέσιμα για μέρες, εβδομάδες και χρόνια.

Μέθοδος setItem()

Η μέθοδος localStorage.setItem() αποθηκεύει δεδομένα στο storage.

Αποδέχεται ένα όνομα και μια τιμή ως παράμετρος:

Επίδειξη

localStorage.setItem("name", "Bill Gates");

Μέθοδος getItem()

Η μέθοδος localStorage.getItem() ανακτά δεδομένα από το αποθηκευτικό χώρο (storage).

Αποδέχεται ένα όνομα ως παράμετρο:

Επίδειξη

localStorage.getItem("name");

Το αντικείμενο sessionStorage

Το αντικείμενο sessionStorage είναι το ίδιο με το αντικείμενο localStorage.

Η διαφορά βρίσκεται στο αντικείμενο sessionStorage που αποθηκεύει δεδομένα της συνεδρίας.

Τα δεδομένα θα διαγραφούν όταν ο περιηγητής κλείσει.

Επίδειξη

sessionStorage.getItem("name");

Προσπαθήστε το شخصικά

Μέθοδος setItem()

Η μέθοδος sessionStorage.setItem() αποθηκεύει δεδομένα στο αποθηκευτικό χώρο (storage).

Αποδέχεται ένα όνομα και μια τιμή ως παράμετρος:

Επίδειξη

sessionStorage.setItem("name", "Bill Gates");

Μέθοδος getItem()

Η μέθοδος sessionStorage.getItem() ανακτά δεδομένα από το αποθηκευτικό χώρο (storage).

Αποδέχεται ένα όνομα ως παράμετρο:

Επίδειξη

sessionStorage.getItem("name");

Ατрибούτα και μεθόδοι του αντικειμένου Storage

Ατрибούτα/Μέθοδοι Περιγραφή
key(n) Επιστρέφει το όνομα του κλειδιού στο αποθηκευτικό χώρο του n.
length Επιστρέφει τον αριθμό των στοιχείων που αποθηκεύονται στον αντικείμενο Storage.
getItem(keyname) Επιστρέφει την τιμή του καθορισμένου κλειδιού.
setItem(keyname, value) Προσθέτει το κλειδί στην αποθήκευση ή ενημερώνει την τιμή του κλειδιού αν το κλειδί υπάρχει ήδη.
removeItem(keyname) Αφαιρεί το κλειδί από την αποθήκευση.
clear() Αφαιρεί όλα τα κλειδιά.

Σελίδες σχετικές με το Web Storage API

Πρόπτωση Περιγραφή
window.localStorage Επιτρέπει τη αποθήκευση κλειδιών/τιμών στο Web browser. Αποθηκεύει δεδομένα χωρίς ημερομηνία λήξης.
window.sessionStorage Επιτρέπει τη αποθήκευση κλειδιών/τιμών στο Web browser. Αποθηκεύει δεδομένα για μια συνεδρία.