Cookie JavaScript - Bagaimana Cara Membuat, Membaca dan Menghapus Cookie?



Cookie adalah data yang disimpan dalam file teks kecil. Ini membantu Anda menyimpan informasi pengguna di halaman web dan mengingat detail pengguna nanti.

Cookies membantu Anda menyimpan informasi pengguna di halaman web. Ini adalah salah satu metode paling efisien untuk mengingat dan melacak preferensi, pembelian, komisi, dan informasi lain yang diperlukan untuk pengalaman pengunjung atau statistik situs yang lebih baik. Di dalam Artikel Cookies, kita akan membahas lebih dalam tentang cookies dengan urutan sebagai berikut:

Apa itu Cookies?

Cookies adalah data yang disimpan dalam file teks kecil di sistem Anda. Ketika server web mengirimkan halaman web ke browser, koneksi akan mati, dan server melupakan segalanya tentang pengguna.





Cookie diciptakan untuk memecahkan masalah mengingat informasi tentang pengguna. Sebagai contoh:

  • Saat pengguna mengunjungi halaman web, namanya dapat disimpan di cookie.



  • Lain kali pengguna mengunjungi halaman tersebut, cookie akan mengingat nama pengguna.

Ini mengingat informasi pengguna di antara semua halaman web. Ini berisi informasi sebagai dan dalam bentuk pasangan nama-nilai yang dipisahkan oleh titik koma seperti:

Contoh program applet java dengan keluaran
username = Daisy Green

Sekarang mari kita lihat cara kerja cookie ini.



Bagaimana cara kerjanya?

Server mengirimkan beberapa data ke browser pengunjung dalam bentuk cookie. Sekarang, browser dapat menerima cookie. Jika ya, itu disimpan sebagai catatan teks biasa di hard drive pengunjung.

cookie- javascript cookie - edurekaSaat pengunjung tiba di halaman lain di situs Anda, browser mengirimkan cookie yang sama ke server untuk diambil. Setelah diambil, server Anda mengetahui atau mengingat apa yang disimpan sebelumnya.

Cookies terdiri dari 5 bidang dengan panjang variabel :

  • Kedaluwarsa & minus Ini menunjukkan tanggal kadaluwarsa cookie. Jika ini kosong, cookie akan kedaluwarsa saat pengunjung keluar dari browser.

  • Domain & minus Bidang domain memberikan nama domain situs Anda.

  • Jalan & minus Ini adalah jalur ke direktori atau halaman web yang mengatur cookie. Ini dapat dikosongkan jika Anda ingin mengambil cookie dari direktori atau halaman manapun.

  • Aman & minus Jika bidang ini berisi kata 'aman', maka cookie hanya dapat diambil dengan server aman. Jika bidang ini kosong, tidak ada batasan seperti itu.

  • Nama = Nilai & minus Ini menggambarkan cookie yang disetel dan diambil dalam bentuk pasangan nilai kunci.

Sekarang setelah Anda mengetahui apa itu cookie dan cara kerjanya, mari kita pelajari lebih dalam tentang cookie JavaScript.

Cookie JavaScript

Dalam JavaScript, Anda dapat memanipulasi cookie dengan properti cookie dari objek Dokumen. JavaScript dapat membaca, membuat, memodifikasi, dan menghapus cookie yang berlaku untuk halaman web saat ini. Jadi mari kita lihat contoh dan pahami bagaimana cookie digunakan di JavaScript.

Buat Cookies

JavaScript dapat membuat cookie dengan document.cookie Properti. Anda dapat membuat cookie dengan cara berikut:

document.cookie = 'username = Daisy Green'

Anda juga dapat menambahkan tanggal kedaluwarsa untuk cookie Anda. Secara default, cookie akan dihapus saat browser ditutup:

document.cookie = 'username = Daisy Green kedaluwarsa = Sen, 26 Agustus 2019 12:00:00 UTC'

Anda juga dapat memberi tahu browser tentang lokasi cookie itu dengan bantuan parameter. Secara default, cookie milik halaman saat ini.

document.cookie = 'username = Daisy Green expires = Mon, 26 Ags 2019 12:00:00 UTC' path = / '

Baca Cookie

Membaca cookie sama mudahnya dengan menulis karena nilai objek document.cookie adalah cookie. Anda dapat menggunakan string ini kapan pun Anda ingin mengakses cookie. String document.cookie menyimpan daftar pasangan nama = nilai yang dipisahkan oleh titik koma, di mana nama mewakili nama cookie dan nilai adalah nilai stringnya.

Cookie JavaScript dapat dibaca dengan cara berikut:

var x = document.cookie

Contoh: