HTML5 Web Storage (Local Storage ve Session Storage) Kullanımı

HTML5 ile gelen yerel depolama özelliği cookie’ye nazaran daha hızlı ve kullanımı kolaydır. Kullanmadan önce girilen tarayıcı için desteklenip desteklenmediğini anlamak için şu kontrol mekanizmasını kullanıyoruz. IE8+ üzeri ve diğer tüm modern tarayıcılar desteklemektedir.

Yeni bir değer oluştururken setItem() metodunu kullanabiliriz.

localStorage.setItem("username", "cem");
veya
localStorage.username = "cem";

şeklinde kullanabiliriz.
Oluşturduğumuz değeri anahtar ismiyle getItem() metodunu kullanarak okuyoruz.

localStorage.getItem("isim")

Herhangi oluşturduğunuz bir değeri silmek için şöyle bir işlem yapabilirsiniz;

delete localStorage.isim;

Local Storage: Tarayıcı üzerinde veriyi sürekli olarak tutar.
Session Storage: Tarayıcı üzerinde veriyi bir oturum boyunca tutar. Oturum sonlandığında veriler de silinir.

Aşağıdaki örnekte giriş sayfasında kullanıcı adını ve şifresini girip dili değiştirdiğinde sayfa kendini yeniliyorsa, kullanıcı bilgilerinin silinmemeesi sağlanmıştır.

 $(document).ready(function () {
     $('#username').val(localStorage.getItem("username"));
     $('#password').val(localStorage.getItem("password"));
     if (typeof (Storage) !== "undefined") {
         $('#username').keyup(function () {
             localStorage.username = $(this).val();
         });
         $('#password').keyup(function () {
             localStorage.password = $(this).val();
         });
     }
 });

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s