Mengenal Javascript Cookies dan Contohnya

Cookie memungkinkan Anda menyimpan informasi pengguna di halaman web.

Apa itu Cookie?

Cookie adalah data, disimpan dalam file teks kecil, di komputer Anda.

Ketika server web telah mengirim halaman web ke browser, koneksi dimatikan, dan server melupakan segala sesuatu tentang pengguna.

Cookie diciptakan untuk memecahkan masalah "bagaimana mengingat informasi tentang pengguna":

• Ketika pengguna mengunjungi halaman web, namanya dapat disimpan dalam cookie.
• Lain kali pengguna mengunjungi halaman, cookie "mengingat" namanya.

Ketika browser meminta halaman web dari server, cookie milik halaman ditambahkan ke permintaan. Dengan cara ini server mendapatkan data yang diperlukan untuk "mengingat" informasi tentang pengguna.

Cara Membuat Cookie dengan JavaScript

JavaScript dapat membuat, membaca, dan menghapus cookie dengan properti document.cookie.

Dengan JavaScript, cookie dapat dibuat seperti ini:

document.cookie = "username=John Doe";
Anda juga dapat menambahkan tanggal kedaluwarsa (dalam waktu UTC). Secara default, cookie dihapus ketika browser ditutup:

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";
Dengan parameter jalur, Anda dapat memberi tahu browser tentang jalur apa yang dimiliki cookie. Secara default, cookie milik halaman saat ini.

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/"; 

Cara Membaca Cookie dengan JavaScript

Dengan JavaScript, cookie dapat dibaca seperti ini:

var x = document.cookie; 

document.cookie akan mengembalikan semua cookie dalam satu string seperti: cookie1 = value; cookie2 = nilai; cookie3 = nilai;

Cara Mengubah Cookie dengan JavaScript

Dengan JavaScript, Anda dapat mengubah cookie dengan cara yang sama seperti saat Anda membuatnya:

document.cookie = "username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";