Html5 Localstorage Nasıl Kullanabilirim?

+1 oy
704 Görünüm
11, Ocak, 11 Html kategorisinde Barış Tanpınar (271 puan) tarafından soruldu
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?
Paylaş

2 Cevaplar

+2 oy
13, Ocak, 13 KOD-KARTAL (8,682 puan) tarafından cevaplandı
13, Ocak, 13 Barış Tanpınar tarafından seçilmiş
 
En İyi Cevap

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ı.

w3uzman-html5-yerel-depolama-özelliği-kullanımı

Ş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

13, Ocak, 13 Barış Tanpınar (271 puan) tarafından yorumlandı
çok açıklayıcı oldu teşekkür ederim, özellikle chrome geliştirici menüsünden kontrolü gösterdiğiniz için
+2 oy
12, Ocak, 12 w3Gezgin (1,358 puan) tarafından cevaplandı
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.
Bu Hafta En Aktif Üyeler
    ...