Javascript İle Çerez Kullanımı Üzerine Örnekler (Cookies)

Çerezleri Tanıyalım ?
Çerezler bilgisayarınızda, küçük metin dosyaları halinde saklanan verilerdir.
Çerezler “kullanıcı hakkında bilgi kaydetmek örn: kullanıcı adı ve parola” hatırlama sorununu çözmek için icat edilmiştir.
Bir başka örnek vermek gerekirse kullanıcı bir web sayfasını ziyaret ettiğinde, adı bir çerez olarak saklanabilir.
Kullanıcı sayfayı başka bir zaman ziyaret ettiğinde ise çerezin geçerlilik süresine kadar verileri hatırlar.

Cookie oluşturma
En basit haliyle javaScript ile bir çerez böyle oluşturulabilir:

document.cookie = “isim=manisa 45010”;

Saniye bazlı cookie oluşturmak için ise aşağıdaki kodu yazabilirsiniz bu kodu tavsiye ederim çünkü nedenini sorarsanız diğer kodlar saat dilimini doğru saptayamadığı için cookie geçerlilik süresi hatalı yazılacaktır ama bu kodlarda sizin kullandığınız zaman dilimi baz alınır ve ona göre saniye cinsinden ele alınır.

<button onclick=”setTimeout(cerezolustur, 1000);”>Aktif Et</button>

<script>
function cerezolustur() {
var now = new Date();
now.setTime(now.getTime() + 1 * 10 * 1000); //10 saniye olarak ayarlandı
document.cookie = “isim=manisa45; expires=” + now.toUTCString() + “; path=/”;
}
</script>

Çerezleri silmek için ise oluşturduğunuz çerezin aynısını yazarak sadece belirlediğiniz tarihi ileriye almanız yeterlidir doğal olarak tarih geçtiği için çerez tarayıcı tarafından silinmektedir.

Not: Çerezleri okumak için ise tarayıcınızdan konsolu açarak yani kısayolu f12 tuşu olmak üzere oraya document.cookie yazıp enterlarsanız tarayıcınızda şu an ne kadar cookie var ise hepsini görüntüleyebilirsiniz. veya chrome yada firefox için herhangi bir cookie editor eklentisi yükleyip pratik olarak görüntüleyebilirsiniz ben firefox kullanıyorum ve cookie-editor eklentisini tavsiye ederim sağlıcakla kalın…

Demo: https://www.w3schools.com/code/tryit.asp?filename=FXANDDGI9HSJ