Javascript Session Storage Kullanımı
Javascript değişkenler ile çalışırken, bazen değerleri oturum boyunca saklamamız gerekebilir. Bu tür bir durumda, Javascript “Session Storage” kullanımı oldukça yararlıdır.
Session Storage, web tarayıcısında kullanıcı seansı boyunca geçerli olan verileri saklamak için kullanılan bir web depolama mekanizmasıdır. Bu, sayfalar arasında veri tutmanıza ve sayfa yenilendiğinde verinin kaybolmasını engellemenize olanak sağlar.
Öncelikle, Session Storage’ı kullanmak için web tarayıcısının desteklemesi gerektiğini unutmayın. Yani, internet tarayıcınız Session Storage’ı desteklemiyorsa, bu yöntem maalesef çalışmayacaktır.
Session Storage kullanmanın temel adımları şunlardır:
1. Değeri Saklamak:
Session Storage’a bir değer atamak için, anahtar-değer çiftini kullanırız. Örneğin, bir kullanıcının adını tutmak istediğimizi düşünelim. Bu durumda aşağıdaki gibi bir kod kullanabiliriz:
“`javascript
sessionStorage.setItem(“kullaniciAd”, “John”);
“`
Bu kodda, “kullaniciAd” anahtarı ile “John” değerini Session Storage’a atıyoruz.
2. Değeri Alma:
Session Storage’daki bir değeri almak için, getItem() fonksiyonunu kullanırız. Örneğin, yukarıda kaydettiğimiz kullanıcının adını almak istediğimizi düşünelim. Bu durumda aşağıdaki gibi bir kod kullanabiliriz:
“`javascript
var kullaniciAdi = sessionStorage.getItem(“kullaniciAd”);
“`
Bu kodda, “kullaniciAd” anahtarına karşılık gelen değeri alıyoruz ve kullaniciAdi değişkenine atıyoruz.
3. Değeri Güncelleme:
Session Storage’daki bir değeri güncellemek için, setItem() fonksiyonunu kullanabiliriz. Yani, mevcut bir anahtarın değerini değiştirebiliriz. Örneğin, kullanıcının adını “John” yerine “David” olarak güncellemek istediğimizi düşünelim. Bu durumda şu kodu kullanabiliriz:
“`javascript
sessionStorage.setItem(“kullaniciAd”, “David”);
“`
Bu kodda, “kullaniciAd” anahtarına sahip değeri “David” olarak güncelliyoruz.
4. Değeri Silme:
Session Storage’daki bir değeri silmek için, removeItem() fonksiyonunu kullanırız. Örneğin, yukarıda kaydettiğimiz kullanıcının adını silmek istediğimizi düşünelim. Bu durumda aşağıdaki gibi bir kod kullanabiliriz:
“`javascript
sessionStorage.removeItem(“kullaniciAd”);
“`
Bu kodda, “kullaniciAd” anahtarına sahip değeri Session Storage’dan siliyoruz.
Bu temel adımları kullanarak, Javascript uygulamalarınızda kullanıcılarla ilgili geçici verileri Session Storage’da saklayabilir ve ihtiyaç duyduğunuz zaman bu verilere erişebilirsiniz.
Sonuç olarak, Javascript Session Storage kullanımı, web uygulamalarında geçici verilerin tutulması ve yönetilmesi için önemli bir araçtır. Bu yöntem sayesinde kullanıcı deneyimini geliştirebilir ve verilerinizi güvenli bir şekilde saklayabilirsiniz.
