Html5 Localstorage Nasıl Kullanabilirim?

+1 oy
59 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
6 gün önce KOD-KARTAL (6,654 puan) tarafından cevaplandı
6 gün önce 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

6 gün önce 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,261 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
W3 Uzman Ailesinde İster Yolda , İsterse İşte , İsterse de Seyahatte Olun. Aklınıza Takılan Sorular Olduğu Zaman Tek Yapmanız Gereken W3 Uzman'da Paylaşıp Arkanıza Yaslanmak...
"İşte Bu Kadar Kolay!" :)
...