Öneri ve Hata Raporu



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

oylama 3/5 yorum 0 yorum yazar Hakan Taşan tarih 08 Ağustos 2015

Web Storage bize veri depolamak için 2 seçenek sunmakta. Bu yazıda bu seçeneklerden ikincisi olan Session Storage'dan (Geçici Depolama) bahsedeceğim. Session Storage mantığı tıpkı session cookies (geçici çerezler) gibidir. Veriler bilgisayarda (tarayıcıya göre konum değişebilir) depolanır. Tarayıcı kapanana kadar veya sekme kapanana kadar veriler kaybolmaz. Session Storage özelliği Javascript ile kullanılır. Depolama işlemleri yapılırken HTML5 ile birlikte hazır olarak gelen sessionStorage nesnesinden yararlanılır. 

 

Session Storage'a Veri Ekleme

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

Kullanımı ve Örnek

sessionStorage.setItem(key, value);
sessionStorage.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 Session Storage'a tıklandığında hangi sitede hangi verilerin depolandığı karşınıza çıkacaktır.

Session Storage'dan Veri Okuma

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

Kullanımı ve Örnek

sessionStorage.getItem(key);
sessionStorage.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.

Session Storage'dan Veri Silmek

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

Kullanımı ve Örnek

sessionStorage.removeItem(key);
sessionStorage.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.

Session Storage'daki Tüm Verileri Silmek

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

Kullanımı

sessionStorage.clear();

 

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

onizleme

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

Bu makale için yorum yazılmamış