JS ile Local Veri Depolama

0

HTML, Php ya da JavaScript ile yerel sunucuya veri kaydetmenin nasıl olduğunu örnek bir projeyle anlatmak istedim. Local Storage adı verilen yerel depolama sayesinde kullanıcının verilerini veritabanına gerek duymadan saklı tutabilirsiniz. Veriler tarayıcıda local olarak depolanır. Biz şimdi çerezlere nasıl veri kaydedeceğiz, onu gösterelim.

Javascript ile tarayıcıya veri kaydetme

Yerel depolama ile web sayfaları, kullanıcının tarayıcısında yerel olarak verileri depolayabilir. HTML5’ten önce, uygulama verileri her sunucu isteğinde bulunan çerezlerde saklanmak zorundaydı. Web depolama alanı daha güvenlidir ve web sitesi performansını etkilemeden, büyük miktarlarda veri yerel olarak depolanabilir. Çerezlerden farklı olarak, depolama limiti çok daha büyüktür (en az 5MB) ve bilgi asla sunucuya aktarılmaz. Web depolama kaynağı, kaynak başına (etki alanı ve protokol başına). Bir kaynaktan gelen tüm sayfalar aynı verileri depolayabilir ve bunlara erişebilir.

  • localStorage: Son kullanma tarihi söz konusu olmadan veriyi depolama olanağı sağlar. Örneğin, istemci tarafında kimlik doğrulama bilgisinin saklanması gibi.
  • sessionStorage: Veriyi sadece bir oturum için saklar.

Ben küçük bir oyun tarzı veri kaydetme sistemi yazdım. Veriyi tamamen local olarak depoluyor. Index’te sayı arttırmak veya azaltmak için butonlar bulunuyor. Sayıyı arttırıp azaltabiliyoruz. Sayfayı kapatıp tekrar açtığımızda kaldığımız yerden devam edebiliyoruz. Sayıyı kaçta bıraktıysak oradan devam ediyor.

TIKLA İNDİRDEMO

Share.

About Author

Kişisel bloguma hoşgeldiniz. Umarım paylaşımlarım yararlı olmuştur. Yorum atmayı unutmayın :)

Leave A Reply