HTML5 Web Storage(Web Depolama) Nedir?

Anonim 1839 gün önce

1,093 defa görüntülendi ve 2 kişi tarafından değerlendirildi

HTML5 Web Storage(Web Depolama) nedir ve nasil kullanilir ?

html

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

mkaya

1839 gün önce

Merhaba,
Web Storage(Web Depolama) ile kullanici tarayicisinda verileri saklayabiliriz.

Tarayıcı Destegi

Chrome	Internet Explorer / Edge	Firefox	Safari	Opera
4.0	8.0	3.5	4.0	11.5

if (typeof(localStorage) !== "undefined") {
  // Tarayiciniz web depolamayi destekliyor
} else {
  // Uzgunum. Tarayiciniz web depolamayi desteklemiyor.
}

Kullanim

Veri kayit etme;

localStorage.setItem("soyisim", "Kaya");

Veri cagirma;

var soyisim = localStorage.getItem("soyisim");

Veri Silme;

localStorage.removeItem("soyisim");

#000191

tayfunerbilen

1838 gün önce

Storage nesnesine erişim için localStorage ve sessionStorage kullanılıyor. Aralarındaki fark ise şöyle;

localStorage

Sona erme süresi yoktur. Kullanıcı kendisi silmediği ya da cacheleri temizlemediği sürece oluşan değer kalır.

// değer atama
localStorage.setItem('name', 'Tayfun');

// değer alma
console.log(localStorage.getItem('name'));

// değer alma / 2. yöntem
console.log(localStorage.name);

// değer silme
delete localStorage.name;

// tüm depolanan değerleri görmek için
console.log(localStorage);

sessionStorage

Oturum sonlandığında (tarayıcı kapatıldığında) değerler temizlenir. Yani anlık oturum için değer üretilir ve kullanılır.

// değer atama
sessionStorage.setItem('name', 'Tayfun');

// değer alma
console.log(sessionStorage.getItem('name'));

// değer alma / 2. yöntem
console.log(sessionStorage.name);

// değer silme
delete sessionStorage.name;

// tüm depolanan değerleri görmek için
console.log(sessionStorage);

#000203

defatul

1838 gün önce

Diğer bir kullanım örneğide şöyledir.

setItem         => localStorage.soyisim = 'Kaya';
getItem         => console.log( localStorage.soyisim );
removeItem      => delete localStorage.soyisim;

#000202