HTML5 - Çerezler

İçindekiler
Çerezler, bir sayfayı ziyaret eden kişinin tarayıcısında saklanan küçük veri parçalarıdır, böylece belirli bir sayfada gezinmeleri hakkında bazı veriler elde edilebilir, bu sayede kişi siteyi tekrar ziyaret ettiğinde deneyimlerini kişiselleştirebiliriz. , ya önceki ziyaretinizle ilgili sonuçları gösteren ya da kişisel verilerinizi hemen gösteren.
İle birlikte HTML5 ve belge nesnesi Javascript dilini kullanarak çerez yazabiliyoruz, bu sayede sayfalarımızın işlevselliğini genişleterek daha sağlam bir tarama deneyimi sunabiliyoruz.
Çerezleri okuyun ve yazın
Başta da belirttiğimiz gibi, nesne sayesinde belge Çerezlerin işlenmesini aşağıdaki kodla yapabiliriz, buna küçük bir örnek yapacağız, böylece işlemlerin nasıl yapıldığını anlayabilelim:
 Örnek Çerez Ekle Güncelleme Çerezi 

Çerez özelliği tuhaf bir şekilde çalışır, özelliğin değerini okuduğumuz zaman, belgeyle ilişkili tüm çerezleri elde ederiz. Çerezler bir isim / değer çifti yapısına sahiptir ve isim = değer görebilirsiniz.
Şimdi birkaç çerez elde edildiğinde, bunları noktalı virgülle ayırarak şu şekilde elde edeceğimizi göreceğiz: isim1 = değer1; isim2 = değer2; isim3 = değer3. Ve böylece sahip olduğumuz her şeyle.
Şimdi bir cookie eklediğimizdeki davranış şu şekilde oluyor, belge nesnesinin cookie özelliğinin değeri olarak yeni bir isim/değer çifti atadık ve böylece belge cookieleri eklendi. Bu süreçte bir seferde yalnızca bir çerez ekleyebiliyoruz, mevcut bir çerez adına karşılık gelen bir değer atarsak, o değerle güncellenecektir.
Çerezlerin çalışma şeklini netleştirdikten sonra, girdiğimiz kodu açıklayacağız, belgede iki düğmemiz olduğunu ve her birine bir işlev atandığını görüyoruz. Çerez Ekle çerez eklemek ve Çerez Güncelle onları güncellemek için, ilkini kullandığımızda işlev etkinleştirilir oluşturÇerez belgenin çerez koleksiyonuna eklenecek yeni bir ad/değer çifti oluşturan ikinci düğme işlevi çağırır güncelleme çerezi bu, mevcut bir çereze yeni bir değer atayacaktır.
Bu kodun tarayıcımızda nasıl çalışması gerektiğine dair bir ekran görüntüsü görelim:

Çerezleri işlemek için kullanabileceğimiz bazı ek özelliklerimiz de var, hadi aşağıdaki listeye bakalım:
  • yol = Tanımlama bilgisi ile ilişkili yolu ayarlar, varsayılan olarak geçerli belgenin yoludur.
  • etki alanı = Tanımlama bilgisi ile ilişkili etki alanını kurar, varsayılan olarak mevcut belgenin etki alanının değerini alır.
  • maksimum yaş = Bir çerezin ömrünü belirler, saniyeler içinde sayılır ve oluşturulduğu andan itibaren saymaya başlar.
  • süresi doluyor = GMT saat dilimini kullanarak bir çerezin sona erme tarihini ayarlayın. Bu seçenek yalnızca bir HTTPS bağlantısı üzerinden kullanılabilir.
Bu özellikleri kullanmak için, örneğin çerezin değerini ayarlarken bunları noktalı virgülden sonra eklemeliyiz. document.cookie = "MyCookie = MyValue; max-age = 10"; Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave