JavaScript Session Storage kullanarak kullanıcı işlem geçmişi oluşturma işlemi hakkında öğrenmek isteyenler için yapımcı bilgilendirmesi Adım adım açıklamalarla, bu yöntemi kolayca öğrenebilirsiniz

Bir web sitesinde gezinirken kullandığımız birçok özellik ve sayfa ziyaretleri, tarayıcı hafızasında saklanır. Bu veriler, kullanıcının girdiği form bilgileri, seçilen seçenekler, yapilan aramalar ve tıklanan bağlantılar gibi kullanıcı hareketlerini içerir. Oturum boyunca bu verilere erişim için session storage kullanılır.

Bu makalede JavaScript session storage kullanarak kullanıcı işlem geçmişi oluşturmayı öğreneceksiniz. Kullanıcı işlem geçmişi, web sitenizde müşterilerinizin yaptıkları işlemleri kaydetmek için kullanabileceğiniz bir teknolojidir. Böylece, müşterilerinizin tekrarlı işlemlerinde işlem geçmişindeki verileri kullanarak onları çok daha hızlı bir şekilde yönlendirmeniz mümkündür.

Session Storage Nedir?

Session Storage, web sayfalarında gezinirken tarayıcının hafızasında verilerin bir oturum boyunca saklanmasına izin veren bir web depolama teknolojisidir. Kullanıcı, sayfada gezinirken geçici verileri depolayabilir ve bu bilgiler tarayıcı kapandıktan sonra otomatik olarak silinir.

Bu depolama yöntemi, kullanıcıların oturumları sırasında daha iyi bir kullanıcı deneyimi yaşamasına olanak tanır. Örneğin, bir web sayfasında gezinirken bir ürün sepeti oluşturabilirim ve bu sepet oturumum boyunca saklanabilir. Böylece, sayfalar arasında gezinirken sepetim korunur ve oturumum kapandığında silinir.

Session Storage ve Local Storage Arasındaki Fark Nedir?

Web depolama teknolojilerinin en sık kullanılanlarından ikisi session storage ve local storage'dır. Session storage, kullanıcının sayfada gezindiği süre boyunca verilerin saklandığı geçici bir depolama alanı olma özelliği taşır. Kullanıcı oturumunu sonlandırdığında veya tarayıcısını kapattığında, session storage'da depolanan veriler otomatik olarak silinir.

Local storage ise kullanıcı verilerinin kalıcı bir şekilde saklandığı tarayıcıda bulunan bir depolama alanıdır. Kullanıcı bilgileri oturum sonlandığında veya tarayıcı kapatıldığında silinmez ve bir sonraki ziyaretinde kullanılabilir hale gelir.

Özellikle kişisel tercih ve güvenlik açısından, session storage ve local storage arasında bir tercih yapmak gerekebilir. Örneğin, ödeme bilgileri veya kullanıcı adı ve şifre bilgileri gibi hassas veriler local storage'da saklanmalıdır. Ancak, bir kullanıcının yaptığı seçimler veya ürünleri sepete eklediği gibi geçici veriler session storage'da saklanabilir.

Session Storage Nasıl Kullanılır?

Session Storage teknolojisi, JavaScript kullanarak kolayca erişilebilir ve kullanılabilir. Bu sayede, tarayıcı hafızasında oturum boyunca saklanan verilere erişilebilir. Bu verilerin ekleme, güncelleme ve silme işlemleri de kolaylıkla yapılabilmektedir.

Veri ekleme işlemi için, sessionStorage.setItem(anahtar, değer); kullanılabilir. Anahtar-değer çiftleri şeklinde saklanan veriler, anahtarları kullanılarak kolaylıkla çağırılabilir.

Veri okuma işlemi için, sessionStorage.getItem(anahtar); kullanılabilir. Böylece, saklanan anahtar-değer çiftleri arasından veri okuma işlemi yapılabilir.

Veri güncelleme işlemi için, sessionStorage.setItem(anahtar, yenideğer); kullanılabilir. Bu sayede, var olan bir veri kolaylıkla güncellenebilir.

Veri silme işlemi için, sessionStorage.removeItem(anahtar); kullanılabilir. Belirtilen anahtara sahip olan veri, böylece hafızadan silinebilir.

Örnek Kod Parçası:

Aşağıdaki örnek kod parçasında, session storage kullanarak veri ekleme, veri okuma, veri güncelleme ve veri silme işlemlerini JavaScript dilinde nasıl gerçekleştirebileceğimize dair birkaç örnek bulunmaktadır.

İşlem	Kod Parçası
Veri ekleme	sessionStorage.setItem(anahtar, değer);
Veri okuma	let veri = sessionStorage.getItem(anahtar);
Veri güncelleme	sessionStorage.setItem(anahtar, yenideğer);
Veri silme	sessionStorage.removeItem(anahtar);

Yukarıdaki örnek kod parçası, session storage kullanarak veri işlemlerini yapmanın ne kadar kolay olduğunu göstermektedir. Bu işlemleri müşterilerinizin web sitenizde yaptığı işlemleri kaydetmek ve yönetmek için kullanabilirsiniz.

// Veri eklemek için

Session Storage kullanarak veri eklemek oldukça kolay bir işlemdir. Bunun için JavaScript'in setItem() metodunu kullanabiliriz. Bu metot, iki parametre alır: anahtar ve değer. Anahtar, kaydedeceğimiz verinin adıdır ve bir string olarak verilir. Değer ise kaydedilecek veridir ve herhangi bir JavaScript veri türü olabilir.

Örneğin, kullanıcının sepetine ürün ekleyeceğimiz bir e-ticaret sitesi düşünelim. Sepete her eklediğimiz ürünü session storage'a kaydedebiliriz. Bu işlem için aşağıdaki kod parçasını kullanabilirsiniz:

Kod Parçası	Açıklama
sessionStorage.setItem( 'ürün1', JSON.stringify({ adı: 'Kanvas Tablo', fiyatı: 199.99, stok: 10 }) );	Sepete eklediğimiz ürünü session storage'a kaydederiz. Anahtar olarak 'ürün1' adını veririz. Değer olarak ise ürün bilgilerini JSON.stringify() metodunu kullanarak string'e çeviririz.

Bu şekilde session storage'a istediğimiz kadar veri ekleyebiliriz. Veriler silinmedikçe, kullanıcı siteyi ziyaret ettiğinde veriler hala orada olacaktır.

Session storage'daki bir veriyi güncellemek için ise yine setItem() metodunu kullanırız. Bu sefer, güncelleyeceğimiz verinin anahtarını veririz ve yeni değerini belirtiriz. Örneğin:

Kod Parçası	Açıklama
sessionStorage.setItem( 'ürün1', JSON.stringify({ adı: 'Kanvas Tablo', fiyatı: 249.99, stok: 5 }) );	'ürün1' anahtarına sahip veriyi güncelleriz. Değer olarak, yeniden fiyat ve stok bilgilerini gireriz.

Bu şekilde, var olan bir veriyi güncelleyebiliriz. Bunun yanı sıra, removeItem() metodunu kullanarak session storage'daki bir veriyi de silebiliriz. Örneğin:

Kod Parçası	Açıklama
sessionStorage.removeItem('ürün1');	'ürün1' adlı veriyi session storage'dan sileriz.

Bu yöntemleri kullanarak session storage üzerinde veri manipülasyonu yapabilirsiniz. Bu sayede kullanıcı işlem geçmişini takip etmek, form verilerini tutmak veya başka amaçlar için session storage kullanabilirsiniz.

sessionStorage.setItem(

Bir web uygulaması geliştirirken, kullanıcı etkileşimlerini ve işlemlerini takip etmek istemez misiniz? Session Storage kullanarak kullanıcı işlem geçmişi oluşturmak oldukça kolay. Bu işlem için sessionStorage.setItem() metodunu kullanabilirsiniz.

Özellikle bir e-ticaret sitesi, müşterilerin yaptığı alışveriş işlemlerini takip etmek isteyebilir. Bu durumda, sessionStorage.setItem() metodunu kullanarak, müşterilerin yaptığı alışveriş işlemlerini kaydedebilirsiniz. Ayrıca, kullanıcıların web sitenizdeki diğer etkileşimlerini de takip edebilirsiniz.

Veri eklemek için, setItem() metodunun ilk parametresine isim değerini, ikinci parametresine ise kaydedilecek verileri ekleyin. Örneğin, aşağıdaki kod parçası, "kullanici_adi" adlı anahtar oluşturuyor ve bu anahtarın değeri olarak "John" değerini atıyor:

sessionStorage.setItem("kullanici_adi", "John");

Bu işlem gerçekleştirildikten sonra, sessionStorage objesinde "kullanici_adi" adlı bir anahtar oluşacak ve değeri "John" olacaktır.

anahtar

Anahtar, session storage'da depolanan verilerin erişiminde kullanılan bir terimdir. Bu terim, her bir veri öğesi için ayrı bir tanımlayıcı görevi görür. Yani, veriyi eklerken veya okurken anahtar kullanarak işlem yapabilirsiniz. Ayrıca, veriyi güncellemek veya silmek de yine aynı anahtar kullanılarak yapılabilir. Anahtarlar, verinin tutulduğu küçük depolama bölgesindeki kullanımı kolaylaştıran bir yapı sağlar. Bu sayede, istenildiğinde herhangi bir veriye hızlı ve kolayca erişilebilir.

,

Bu makalede, JavaScript session storage kullanarak kullanıcı işlem geçmişi oluşturma konusunda bilgi edineceksiniz. Session Storage, web sayfalarında kullanıcının gezindiği süre boyunca verileri bir oturum boyunca saklayan bir web depolama teknolojisidir. Bu teknoloji kullanıcı deneyimini iyileştirecek birçok uygulama sunmaktadır.

Session Storage ve Local Storage arasındaki fark, session storage verileri oturum sonlandığında ya da tarayıcı kapatıldığında silerken, local storage verileri tarayıcıda kalıcı olarak saklar. Session storage kolay bir kullanıma sahiptir ve JavaScript ile erişilip kullanılabilir. Veri ekleme, veri güncelleme ve veri silme işlemleri yapılabilir.

Veri ekleme için `sessionStorage.setItem()` kullanılırken, veri okumak için `sessionStorage.getItem()` kullanılmaktadır. Veri güncellemek için `sessionStorage.setItem()` kullanılabildiği gibi `sessionStorage.removeItem()` ile veri silme işlemi yapılabilir.

```// Veri eklemek içinsessionStorage.setItem(anahtar, değer);// Veri okumak içinlet veri = sessionStorage.getItem(anahtar);// Veri güncellemek içinsessionStorage.setItem(anahtar, yenideğer);// Veri silmek içinsessionStorage.removeItem(anahtar);```

Müşterilerinizin web sitenizde yaptığı işlemleri kaydetmek ve yönetmek için session storage kullanabilirsiniz. Böylece, ziyaretçilerinizin tekrarlı işlemlerinde tasarruf edebilirsiniz. Session storage'un kullanıcı deneyimini iyileştirmede önemli bir role sahip olduğunu unutmamak gerekir.

değer

'Değer' terimi, session storage kullanarak sakladığımız verilerin içeriğini ifade eder. Değer, bir anahtar kelimeye bağlı olarak depolanır ve bu anahtar kelimeler, daha sonra veriyi erişmek, güncellemek veya silmek için kullanılır. Örneğin, kullanıcının adını veya sepetindeki ürünleri session storage'da 'değer' olarak saklayabilirsiniz. Bu veriler, kullanıcının web sitenize erişimini sonlandırana veya tarayıcı penceresini kapattığında silinir.

);

Session Storage ile Local Storage arasındaki temel fark, depolama süresidir. Session Storage, bir oturum sona erdiğinde veya tarayıcı kapatıldığında depolanan verileri silerken, Local Storage verileri tarayıcıda kalıcı olarak saklar. Bu nedenle, bir sayfayı yeniden ziyaret ettiğinizde, Local Storage'da depolanan veriler hala orada olacaktır.

Ayrıca, Session Storage sadece ilgili sekmeye veya pencereye özgüdür ve bu sekme veya pencere kapatıldığında, veriler silinir. Local Storage ise tüm sekmeler veya pencereler tarafından erişilebilir ve tarayıcı kapatılmadan önce kullanıcı tarafından silinene kadar orada kalır.

Her iki depolama çözümü de JavaScript kullanılarak erişilebilir ve işlem yapılabilir. Ancak, Local Storage daha uzun ömürlü olduğu için, önemli verilerin kullanıcı cihazında kalıcı olarak depolanması gerektiğinde tercih edilen bir yöntemdir.

// Veri okumak için

Session storage kullanarak, tarayıcı hafızasında saklanan verileri okumak oldukça kolaydır. sessionStorage.getItem() yöntemi ile anahtar kelime aracılığıyla veri alınabilir. Örneğin, bir kullanıcının seçtiği bir öğe hakkında bilgi almak istiyorsanız, öncelikle bu öğenin anahtar kelimesini belirlemeniz gerekir. Bu anahtar kelimesini kullanarak, getItem() yöntemi ile veriyi alabilirsiniz.

Bir başka örnek, bir kullanıcının bir form doldurması durumunda, bu formda verilen bilgileri okumak olabilir. Kullanıcının girdiği verileri okuyabilmek için, her veri için ayrı bir anahtar kelimesi belirlemelisiniz. Daha sonra, bu anahtar kelimesini kullanarak getItem() yöntemi ile veriyi okuyabilirsiniz.

Bir diğer örnek, bir e-ticaret sitesinde kullanıcının sepetine eklediği ürünleri okumak olabilir. Sepetteki her bir öğe için ayrı bir anahtar kelimesi oluşturabilirsiniz. Kullanıcı ödemeye geçtiğinde bu verileri kullanarak sipariş onay sayfasını doldurabilirsiniz.

Bu örneklerde olduğu gibi, session storage kullanarak kullanıcının yaptığı işlemleri kaydedebilir ve daha sonra bu verileri kullanarak farklı işlemler yapabilirsiniz. Böylece, ziyaretçilerinizin tekrarlı işlemlerinde kolaylık sağlayabilirsiniz.

let veri

JavaScript session storage, bir web sayfasında gezinirken, tarayıcı hafızasında verileri bir oturum boyunca saklayan bir web depolama teknolojisidir. Veri eklemek, güncellemek, okumak ve silmek için JavaScript kullanarak session storage'a kolayca erişilebilir.

Bir örnekle açıklayacak olursak, müşterilerinizin web sitenizde yaptığı işlemleri, örneğin sepete bir ürün ekleme işlemi gibi, session storage'a kaydedebilirsiniz. Bu sayede, kullanıcının tekrarına gerek kalmadan otomatik olarak önceki işlem geçmişi otomatik olarak işlenebilir.

Session storage ile gelen verileri okumak için, veri anahtarlarını kullanarak sessionStorage.getItem() fonksiyonunu kullanabilirsiniz. Bu fonksiyon, belirttiğiniz anahtara karşılık gelen değeri döndürür.

Session storage'da bir örnek veri okuma işlemi için şu kod parçası kullanılabilir:

Örnek Kod Parçası:
let veri = sessionStorage.getItem(anahtar);

Bu kod parçasında, anahtar parametresi, okunacak veri için kullanılacak olan anahtar kelimeyi belirtir. Bu şekilde, belirtilen anahtar kelimesi ile eşleşen veri, session storage'dan çekilir ve veri değişkenine atanır.

anahtar

=Anahtar, session storage kullanımıyla birlikte verilerin depolandığı ve kaydedildiği bir alanı ifade eder. Her veri için bir anahtar belirleyerek bu verilere daha sonra erişim sağlayabilirsiniz. Anahtarlar, her bir verinin özgün bir şekilde tanımlanmasını sağlar, böylece verilere daha sonra erişirken karışıklık yaşanmaz. Anahtarlar, daha sonra veri güncelleme veya silme işlemlerinde de kullanılabilir.

);

JavaScript session storage, kullanıcı işlem geçmişini takip ederek web sayfasındaki müşteri etkileşimlerini yönetmenin en iyi yollarından biridir. Session storage, web sayfaları için tarayıcı tabanlı bir depolama teknolojisidir ve web sayfaları oturumunu açtıkları sürece veriyi saklar. Bu teknoloji, müşteri davranışlarını takip ederek daha kişisel bir hizmet sunmanızı sağlar.

Örneğin, bir e-ticaret sitesinde müşteriler, sayfaları görüntüler veya ürünleri inceler. Bu işlemleri takip etmek, müşterinin alışveriş alışkanlıklarını anlamak için önemlidir. Bu bilgiyi kullanarak, müşteriye kişiselleştirilmiş teklifler sunarak daha iyi bir hizmet sunabilirsiniz. Bu teknoloji, web sitesine biraz ekstra code ve JavaScript eklemekle birlikte oldukça kolayca uygulanabilir.

// Veri güncellemek için

Session storage kullanarak verileri güncellemenin çok kolay bir yolu var. Bu işlem için, setItem() yöntemini kullanmanız yeterli. SetItem () yöntemini kullanarak, belirtilen anahtarın mevcut değerini güncelleyebilirsiniz.

Aşağıdaki örnek kodları kullanarak session storage'da veri güncelleyebilirsiniz:

// Veri güncellemek içinsessionStorage.setItem(anahtar, yenideğer);

Bu örnekte, "anahtar" parametresi, güncellenmek istenen verinin adını temsil eder, "yenideğer" parametresi ise güncellenmiş veriyi temsil eder. Bu yöntemi kullanarak, ziyaretçilerinizin web sitenizdeki verileri güncelleyebilirsiniz.

sessionStorage.setItem(

sessionStorage.setItem(), JavaScript ile kullanıcı işlem geçmişini oluştururken oldukça önemli bir yöntemdir. Bu fonksiyon, session storage içinde yeni bir anahtar ve değer çifti eklemek için kullanılır. Ekleme işlemi, aşağıdaki kod parçasıyla yapılabilir:

Parametre	Açıklama
anahtar	Yeni verinin anahtarıdır. Bu anahtar, daha sonra veriye erişirken kullanılır.
değer	Eklemek istediğiniz veridir.

Bir örnek olarak, telefon numarası ve kişinin adını kaydettiğimizi düşünelim. Bu bilgileri session storage'a eklemek için kullanabileceğimiz kod parçası aşağıdaki gibidir:

sessionStorage.setItem("telefonNumarasi", "05550001234"); sessionStorage.setItem("adSoyad", "Ali Veli"); 

Bu şekilde, kullanıcı işlem geçmişimizdeki her bir adımı session storage içinde saklayarak, daha sonradan kolayca erişebiliriz.

anahtar

Session Storage kullanırken anahtar, verinin erişimini sağlayacak bir kimlik numarasıdır. Veriyi depolarken ve kullanırken anahtar kullanımı oldukça önemlidir. Veriyi setItem() fonksiyonu ile kaydettiğinizde bir anahtar belirlemelisiniz. getItem() fonksiyonu ile anahtar üzerinden veriye erişebilirsiniz. Aynı şekilde, veriyi güncellemek veya silmek için de anahtara ihtiyacınız olacaktır.

,

Session Storage ve Local Storage arasındaki en büyük fark, saklama sürelerindeki farktır. Session Storage, verileri tarayıcı oturumu süresince saklar ve tarayıcı kapandığında veriler otomatik olarak silinir. Ancak Local Storage, verileri süresiz olarak saklar ve veriler kullanıcı tarafından silinene kadar tarayıcıda kalır.

Bunun haricinde bir diğer fark, paylaşım biçimleridir. Session Storage, yalnızca aynı tarayıcı sekmesindeki sayfalar tarafından paylaşılabilir. Ancak Local Storage, aynı kök etki alanındaki tüm sayfalar tarafından paylaşılabilir. Yani, Local Storage daha fazla paylaşım esnekliği sağlar.

Bu nedenle, verilerinizin süresi kısa ve sadece güncel oturumda kullanılacaksa, Session Storage kullanmanız önerilir. Ancak uzun süreli saklama gerekiyorsa ve verilerin birden fazla sayfa tarafından paylaşılması gerekiyorsa Local Storage daha uygun olacaktır.

yenideğer

Yenideğer, session storage kullanırken güncellenmek istenen verinin yeni değeridir. Bu değer, mevcut anahtarın değerine eşitlenir ve böylece verinin güncellenmesi işlemi gerçekleştirilmiş olur. Örneğin, bir kullanıcının sepetindeki ürün sayısını güncellemek istediğinizde yenideğer parametresi, yeni ürün sayısı olacaktır. Bu sayede kullanıcının sepetindeki ürün sayısı her güncellendiğinde, bu değişiklik session storage'da saklanacaktır.

);

Session storage kullanarak kullanıcı işlem geçmişi oluşturmak oldukça faydalı bir uygulamadır. Bu sayede, web sitenizi ziyaret eden müşterilerinizin yaptığı işlemleri kaydedebilir ve yönetebilirsiniz. Örneğin, bir e-ticaret sitesi düşünelim. Müşterilerinizin yaptığı aramaları ve ürünleri sepetlerine eklemeleri gibi işlemleri session storage üzerinde kaydedebilirsiniz. Böylece, müşterileriniz siteyi tekrar ziyaret ettiğinde, daha önce yaptıkları işlemleri hatırlayarak hızlı bir şekilde devam edebilirler.

Ayrıca, kullanıcıların işlem geçmişini yönetmek, kullanıcıların tercihlerini anlamak ve bunları analiz etmek adına da oldukça faydalıdır. Bu sayede, ziyaretçilerinizin hangi sayfaları ziyaret ettiğini, hangi ürünlere ilgi gösterdiğini ve diğer istatistiksel verileri öğrenebilirsiniz. Bu verileri kullanarak, web sitenizin kullanıcı dostu bir şekilde düzenlemesi, ziyaretçilerinize daha iyi bir deneyim sunmanız için oldukça önemlidir.

// Veri silmek için

Session storage'da saklanan verileri silmek için removeItem() metodu kullanılır. Bu metodun kullanımı oldukça basittir. Silmek istediğiniz veri için anahtar değerini belirtmeniz yeterlidir. İlgili anahtar değeri bulunur ve veri session storage'dan silinir.

İşlemi gerçekleştiren kod parçası aşağıdaki gibi olmalıdır:

      // Veri silmek için    sessionStorage.removeItem(      anahtar    );  

Bu şekilde istenmeyen verileri silerek, kullanıcı işlem geçmişindeki detayları düzenli tutabilirsiniz. Ayrıca, kullanıcının verilerin saklanmasını istemediği durumlarda da bu metod sayesinde verileri kolayca silebilirsiniz.

sessionStorage.removeItem(

sessionStorage.removeItem() yöntemi, session storage'da saklanan bir öğeyi silmek için kullanılır. Bu yöntem, anahtar-değer çiftini belirtilen anahtara göre bulur ve o anahtar ile ilişkili veriyi session storage'dan siler.

Örneğin, aşağıdaki kod parçası ile "ad" anahtarına sahip bir veriyi session storage'dan silebilirsiniz.

```sessionStorage.removeItem("ad");```

Aynı şekilde, session storage'da bulunan tüm verileri de aşağıdaki gibi döngü kullanarak silebilirsiniz:

```for(let i=0; i

sessionStorage.removeItem() yöntemi, session storage'dan bilgiyi kalıcı olarak silmektedir. Bu nedenle dikkatli kullanılması gerekmektedir. Eğer verinin arşivlenmesi veya geri getirilmesi gerekiyorsa, doğrudan silmek yerine güncelleme işlemi yapılmalıdır.

anahtar

Session Storage'un kullanımında anahtar-değer yapıları oldukça önemlidir. Anahtarlar, saklanacak verileri tanımlar ve değerler ise saklanacak verileri içerir. Anahtar-değer yapıları, session storage ile depolanan verilerin benzersiz olmasını sağlar. Aynı anahtar adıyla kayıt yapılmak istendiğinde, önceki kaydın üzerine yazılır ve güncellenir. Bu nedenle, anahtar isimleri benzersiz olmalıdır. Anahtar-değer yapılarını kullanarak, farklı tipte verileri saklamak mümkündür. Örneğin, bir kullanıcının adını ve soyadını bir anahtar-değer çifti olarak saklayabilirsiniz. Anahtar-değerleri uygun şekilde kullanarak, verileri daha düzenli bir şekilde saklamak ve yönetmek mümkündür.

);

Bu teknolojinin kullanımı oldukça yaygın hale geldi ve birçok web geliştiricisi tarafından tercih ediliyor. Özellikle, kullanıcı işlem geçmişi oluşturma gibi özellikler için ideal bir çözüm sunuyor. Session storage kullanarak, web sitenizi ziyaret eden müşterilerinizin yaptığı işlemleri kaydedebilir ve bu verileri yönetebilirsiniz.

Bunun yanı sıra, session storage ile veri ekleme, güncelleme ve silme işlemlerini kolayca yapabilirsiniz. Özellikle, web uygulamalarında kullanıcı oturumu takibinde ve form verilerinin temizlenmesinde kullanılabilir. Session storage'nin local storage'dan farkı, verilerin tarayıcı kapatıldığında silinmesidir. Dolayısıyla, session storage özellikle geçici veri depolama için tercih edilir.

Aşağıdaki örnek kod parçası, session storage kullanarak veri ekleme, güncelleme, silme ve okuma işlemlerini göstermektedir.

// Veri eklemek içinsessionStorage.setItem(anahtar, değer);// Veri okumak içinlet veri = sessionStorage.getItem(anahtar);// Veri güncellemek içinsessionStorage.setItem(anahtar, yenideğer);// Veri silmek içinsessionStorage.removeItem(anahtar);

Bu teknolojinin bir örneği olarak, müşterilerinizin web sitenizde yaptığı işlemleri kaydetmek ve yönetmek için session storage kullanabilirsiniz. Böylece, ziyaretçilerinizin tekrarlı işlemlerinde tasarruf edebilirsiniz. Örnek olarak, kullanıcıların ürünlerin fiyatını ve stok durumlarını kontrol ettiği bir e-ticaret sitesi düşünelim. Bu verileri session storage kullanarak saklayabilir ve müşterilerinizin sayfalar arasında gezinirken kaydettikleri seçenekleri hatırlayabilirsiniz.

```

Örnek Kod Parçası:```

JavaScript session storage kullanımını anlamak için örnek bir kod parçası inceleyelim. Aşağıdaki kod parçasında, veri eklemek, veri okumak, veri güncellemek ve veri silmek için kullanılacak başlıca yöntemler yazılmıştır.

// Veri eklemek içinsessionStorage.setItem(anahtar, değer);

// Veri okumak içinlet veri = sessionStorage.getItem(anahtar);

// Veri güncellemek içinsessionStorage.setItem(anahtar, yenideğer);

// Veri silmek içinsessionStorage.removeItem(anahtar);

Bu kod parçasında kullanılan yöntemler oldukça basit ve kullanışlıdır. Anahtar-değer çiftleri kullanılarak veriler saklanır ve istenildiğinde kolayca erişilebilir. Örnek kullanım şekillerine daha detaylı bir şekilde örneklerde yer verebilirsiniz.

Uygulama: Kullanıcı İşlem Geçmişi Oluşturma

Session Storage kullanarak kullanıcı işlem geçmişi oluşturmak işletmeniz için oldukça yararlı olabilir. Müşterilerinizin web sitenizde yaptığı işlemleri kaydederek, sonraki ziyaretlerinde tekrar aynı işlemleri yapmalarına gerek kalmaz. Bu, zamanlarını ve enerjilerini tasarruf etmelerini sağlar ve web sitenizin kullanıcı dostu olduğu izlenimini verir.

Bunun için, her işlem sonrasında session storage kullanarak verileri tarayıcı hafızasına kaydetmeniz gerekir. Sonrasında, müşterilerinizin önceki işlemlerini göstermek için bu verilere erişebilirsiniz. Verileri saklamak ve göstermek için HTML ve CSS kullanabilirsiniz.

Örneğin, bir e-ticaret sitesinde müşteriler, önce ürünleri seçer, sonra sepete ekler, ödeme yapar ve işlemi tamamlarlar. Her bir işlem sonrasında, session storage'a verileri kaydedersiniz. Daha sonra, kullanıcılar hesaplarına girdiğinde önceki işlemlerini görebilirler. Bu, müşterilerinizin hafızasında kalıcı izlenimler bırakır ve işletmenizin tekrar tercih edilmesini sağlayabilir.