Öneri ve Hata Raporu



Günün Sözü Asla yalnız yürümeyeceksin

oylama 3.1/5 yorum 0 yorum yazar Hakan Taşan tarih 07 Ağustos 2015

Web Storage bize veri depolamak için 2 seçenek sunmakta. Bu yazıda bu seçeneklerden biri olan Local Storage'dan (Yerel Depolama) bahsedeceğim. Local Storage mantığı tıpkı persistent cookies (kalıcı çerezler) gibidir. Veriler bilgisayarda (tarayıcıya göre konum değişebilir) depolanır. Tarayıcı geçmişi silinene kadar, kullanıcı verileri silene kadar ya da tarayıcı silinene kadar veriler kaybolmaz. Local Storage özelliği Javascript ile kullanılır. Depolama işlemleri yapılırken HTML5 ile birlikte hazır olarak gelen localStorage nesnesinden yararlanılır.

 

Local Storage'a Veri Ekleme

Local Storage'a veri eklemek için localStorage nesnesinin setItem() metodu kullanılır. Çerezlerde olduğu gibi yine key-value tanımlaması geçerlidir.

Kullanımı ve Örnek

localStorage.setItem(key, value);
localStorage.setItem("isim","Hakan");

 

key: Değerin hangi isimle depolanacağını belirtir.

value: Depolanacak değeri belirtir.

"isim" değişkenine "Hakan" değerini atayıp veriyi depolar. Depolanan veri bilgisayarda tutulur. Tarayıcılar sayesinde hangi verilerin depolandığını görmek mümkündür. Örneğin; Chrome ile "Öğeyi Denetle" seçeneğinden "Resources" sekmesine girip, soldaki menüden Local Storage'a tıklandığında hangi sitede hangi verilerin depolandığı karşınıza çıkacaktır.

Local Storage'dan Veri Okuma

Local Storage'dan veri okumak için localStorage nesnesinin getItem() metodu kullanılır.

Kullanımı ve Örnek

localStorage.getItem(key);
localStorage.getItem("isim");

 

key: Hangi depolanan değerin okunacağını belirtir.

"isim" değişkenindeki veriyi okur. İlk örneğe göre "isim" değişkeninde "Hakan" depolandığına göre okunan değer de "Hakan" olacaktır.

Local Storage'dan Veri Silmek

Local Storage'dan veri silmek için localStorage nesnesinin removeItem() metodu kullanılır.

Kullanımı ve Örnek

localStorage.removeItem(key);
localStorage.removeItem("isim");

 

key: Hangi depolanan değerin silineceğini belirtir.

"isim" değişkenindeki veriyi siler. İlk örneğe göre "isim" değişkeninde "Hakan" depolandığına göre silinen değer de "Hakan" olacaktır.

Local Storage'daki Tüm Verileri Silmek

Local Storage'daki tüm verileri silmek için localStorage nesnesinin clear() metodu kullanılır.

Kullanımı

localStorage.clear();

 

Önizlemeye tıklayarak Local Storage'ın nasıl çalıştığını daha kolay anlayabilirsiniz. İsminizi girip kaydettiğinizde veriler Local Storage'a depolanır, alt satırda Local Storage'a depoladığınız veri okunur. Veriyi silmek istediğinizde sil butonuna tıklayın. Tarayıcıyı kapatıp sayfayı tekrar açtığınızda verinin kaybolmadığını göreceksiniz.

onizleme

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

Bu makale için yorum yazılmamış