JavaScript ile Cookie İşlemleri Nasıl Yapılır?

Adı : JavaScript ile Cookie İşlemleri Nasıl Yapılır?

JavaScript, web tarayıcıları tarafından çalıştırılan bir programlama dilidir. Web geliştirme işlemlerinde birçok amaç için kullanılabilir. Bunlardan biri de, kullanıcıların tarayıcılarında kullandıkları web sitelerinde veri depolama ve geri çağırma işlevlerini yerine getiren JavaScript cookie'leridir.
JavaScript cookie'leri, genellikle küçük dosyalar olarak tarayıcının belleğine kaydedilirler. İnternet tarayıcısı, kullanıcının bir web sitesinde yaptığı etkileşimleri ve verileri, açıkça izin verilmedikçe bırakmaz. Ancak web geliştiricileri, cookie'ler yardımıyla, web sitelerinden kullanıcı verilerini depolayabilir ve sonraki web sayfalarına geçişlerinde bu verileri geri çağırabilir. Böylece, kullanıcılar sitelere tekrar geldiklerinde, kaydedilmiş bilgileri tekrar girme zorunluluğundan kurtulurlar.
JavaScript'te cookie'lerin kullanımı oldukça basit bir yapıya sahiptir. Aşağıda örnek bir JavaScript programı verilmiştir, burada kullanıcının adı ve yaş bilgisi, yazılabilecek bir cookie'de depolanacaktır.
```javascript
function writeToCookie() {
var userName = document.getElementById(txtName).value;
var userAge = document.getElementById(txtAge).value;
document.cookie = user_name= + userName + ;user_age= + userAge;
alert(Cookie created successfully!);
}
function readFromCookie() {
var cookieValues = document.cookie.split(';');
var userName = ;
var userAge = ;
for (var i=0; i if (cookieValues[i].indexOf(user_name) != -1) {
var parts = cookieValues[i].split('=');
userName = parts[1];
}
if (cookieValues[i].indexOf(user_age) != -1) {
var parts = cookieValues[i].split('=');
userAge = parts[1];
}
}
alert(User Name: + userName + \
User Age: + userAge);
}
```
Yukarıdaki kod bloğunda, `writeToCookie` fonksiyonu kullanıcı tarafından girilen ad ve yaş verilerini alır. `document.cookie` özelliği ile cookie'ler yazılır, ayrıca `alert` kullanarak cookie'nin başarılı bir şekilde oluşturulduğunu belirtir.
`readFromCookie` fonksiyonu ise, kullanıcının veri değerlerini bir forEach döngüsüne sokarak, `document.cookie` özelliği ile birleştirilir. Daha sonra, `alert` ile cookie'den okunan kullanıcı adı ve yaş bilgileri kullanıcılara gösterilir.
Örnek: Bir kitap mağazasındaki bir sepet uygulamasında kullanıcılar, sepetlerindeki ürünleri depolayabilirler. Kullanıcıların sepetlerindeki ürünler, cookie'ler kullanılarak depolanabilir ve ileriki ziyaretlerinde tekrar getirilebilir.
Bunun için, kullanıcı sepetine bir ürün eklediğinde, JavaScript işlevleri kullanarak bir cookie oluşturulur. Her ürünün farklı bir anahtarı ve değeri vardır. Bu bilgiler, kullanıcının sepetindeki ürünler veya ürünlerin miktarları gibi detayları tutabilir.
```javascript
function addProductToCart(productName, productCount) {
var cartData = readCartData();
if (cartData == null) {
cartData = {};
}
if (cartData.hasOwnProperty(productName)) {
cartData[productName] += parseInt(productCount);
} else {
cartData[productName] = parseInt(productCount);
}
document.cookie = cart_data= + JSON.stringify(cartData);
alert(Product added to cart successfully!);
}
function readCartData() {
var cookieValues = document.cookie.split(';');
var cartData = null;
for (var i=0; i if (cookieValues[i].indexOf(cart_data) != -1) {
var parts = cookieValues[i].split('=');
cartData = JSON.parse(parts[1]);
}
}
return cartData;
}
```
Yukarıdaki örnekte, kullanıcın sepetine ürün eklemesiyle `addProductToCart` fonksiyonu çağırılır. Bu fonksiyon, `readCartData` fonksiyonunu kullanarak mevcut sepet verilerini tarar.
`readCartData` fonksiyonu `document.cookie` özelliği kullanarak cookie'lerden sepet verilerini okur. Eğer, veri okunamazsa `null` değeri atanır. `JSON.parse` metodunu kullanarak, okunan değer JSON formatına dönüştürülür. Bu sonuç sepet veri koleksiyonuna atanır ve geri döndürülür.
`addProductToCart` fonksiyonu ise, sepete eklenen ürünleri depolamak için kullanılır. `readCartData` fonksiyonu kullanılarak, mevcut sepet kullanıcı bilgileri okunur.
Eğer sepet kullanıcı bilgileri, zaten bir cookie içinde kaydedilmişse, okunan sepet verileri bir JavaScript nesnesine dönüştürülür. Eğer veri okunamaz ise, boş bir nesne oluşturulur.
Eğer sepet kullanıcı bilgilerinde ilgili ürün var ise, kullanıcının sepetine eklenen ürünün miktarını bilgilerle birleştirir. Eğer ürün daha önce eklenmemişse, yeni bir bilgi oluşturulur.
Oluşturulan sepet verisi, `JSON.stringify` fonksiyonu ile JSON formatına dönüştürülerek bir cookie olarak `document.cookie` özelliğine atanır. Kullanıcıya, ürünün başarıyla eklendiği konusunda bir bildirim verilir.
Sonuç olarak, JavaScript'in web gelişimindeki işlemlerindeki önemi gün geçtikçe artıyor. Bu dili kullanarak cookie'lere erişebilir ve verileri depolayabilirsiniz. JavaScript kullanarak cookie'ler ile geliştirilen uygulamalar her geçen gün yaygınlaşıyor. Bu nedenle, web geliştirme işlemlerinde JavaScript'te cookie'leri kullanmanızı tavsiye ederiz.