Html5 Localstorage Nasıl Kullanabilirim?

Question

merhaba websitelerinde genelde çerez kulllanılmakta lakin artık eski bir sistem sanırım heleki birçok site çerez uyarısı vs veriyor pek sevemiyorum, html5 derslerinde gördüğüm üzere yeni gelen localstorage özelliği varmış bunu nasıl kullanabilirim? yada artıları eksileri nelerdir?

Answer 1

Merhaba Html 5 ile geldi local storage özelliği, türkçesiyle yerel depolama diyebiliriz.

• Öncelikle Cookies'e / Çerezler'e nazaran daha hızlı ve kullanımı kolaydır.
• İnternet Explorer 8 ve üzerinde destekli, ki fazlasıyla yeterli bu :)

Şimdi yerel deoplama'da iki ana fonksiyon var

1. Veriyi girmek .setItem("Anahtar İsmi", "Değer")
2. Veriyi çekmek .getItem("Anahtar İsmi")

bir veri saklamak istiyoruz diyelim bunun için localstorage'a > setItem deyip > ardından parantez içindeki ilk tırnağa bu veri için anahtar başlık koyuyoruz (bu başlıkla değer çağrılcak daha sonra), ardından ikinci tırnağın içine girmek istediğimiz değer, örnek:

localStorage.setItem("Kullanıcı Adı", "Ahmet");

Peki değerin girilip girilmediğini en kolay nasıl öğreniriz? :)

chrome sağ tık > öğe denetleden, yani geliştirici menüsünü açıp Application sekmesine tıklamalısınız, ardından sol tarafta local storage yani yerel depolamayı kullanan urller çıkıyor siz kendi sitenizi tıklayın ardından sağ tarafta görüldüğü gibi anathar başlık olarak Kullanıcı Adı ve karşılığında Ahmet çıktı. Yani ekleme başarılı.

Şimdi de değeri çekelim o zaman :)

alert( localStorage.getItem("Kullanıcı Adı") );

Peki Anahtarı Silmek İstersek? :)

localStorage.removeItem("Kullanıcı Adı");

 

İşte bu kadar basit yerel depolama özelliği

Comments

çok açıklayıcı oldu teşekkür ederim, özellikle chrome geliştirici menüsünden kontrolü gösterdiğiniz için

Answer 2

LocalStorage : Yerel Depolama anlamına gelmektedir.

Verilerin tarayıcıya kalıcı olarak depolama imkanı sunar.

Cookies sistemine göre daha güvenli ve kullanışlıdır.