Web Depolama API'sı
Web Depolama API'si, tarayıcıda veri depolamak ve almak için basit bir sözdizimidir. Kullanımı çok kolaydır:
Örnek
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Web Depolama API'si tüm tarayıcılarda desteklenir:
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
localStorage Nesnesi
localStorage nesnesi, belirli bir Web Sitesi için yerel depolamaya erişim sağlar. Bu etki alanı için veri öğelerini depolamanıza, okumanıza, eklemenize, değiştirmenize ve silmenize olanak tanır.
Veriler, son kullanma tarihi olmadan saklanır ve tarayıcı kapatıldığında silinmez.
Veriler günler, haftalar ve yıllar boyunca kullanılabilir olacaktır.
setItem() Yöntemi
localStorage.setItem() yöntemi, bir veri öğesini bir depoda saklar.
Parametre olarak bir isim ve bir değer alır:
Örnek
localStorage.setItem("name", "John Doe");
getItem() Yöntemi
localStorage.getItem() yöntemi, depolamadan bir veri öğesi alır.
Parametre olarak bir isim alır:
Örnek
localStorage.getItem("name");
sessionStorage Nesnesi
sessionStorage nesnesi, localStorage nesnesiyle aynıdır.
Aradaki fark, sessionStorage nesnesinin bir oturum için veri depolamasıdır.
Tarayıcı kapatıldığında veriler silinir.
Örnek
sessionStorage.getItem("name");
setItem() Yöntemi
sessionStorage.setItem() yöntemi, bir veri öğesini bir depoda saklar.
Parametre olarak bir isim ve bir değer alır:
Örnek
sessionStorage.setItem("name", "John Doe");
getItem() Yöntemi
sessionStorage.getItem() yöntemi, depolamadan bir veri öğesi alır.
Parametre olarak bir isim alır:
Örnek
sessionStorage.getItem("name");
Depolama Nesnesi Özellikleri ve Yöntemleri
| Property/Method | Description |
|---|---|
| key(n) | Returns the name of the nth key in the storage |
| length | Returns the number of data items stored in the Storage object |
| getItem(keyname) | Returns the value of the specified key name |
| setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
| removeItem(keyname) | Removes that key from the storage |
| clear() | Empty all key out of the storage |
Web Depolama API'si için İlgili Sayfalar
| Property | Description |
|---|---|
| window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
| window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |