Blog

Bagaimana Menggunakan Cookies dengan jQuery

 

Bagaimana Menggunakan Cookies dengan jQuery

jQuery     3 bulan yang lalu


Cookie sering kita pakai sebagai media penyimpan yang bersifat sementara yang berada di sisi client.

Cookie dapat kita set expire-nya untuk melakukan penyimpanan ulang atau membuang cookie secara otimatis dalam rentang waktu tertentu.

Saya biasanya menggunakan library cookie "js.cookie.min.js" jika mengerjakan project dengan jQuery. Link lengkap nya bisa diakses disini.

Proses instalasi bisa dilakukan download secara langsung disini. Kemudian tambahkan script seperti dibawah:

<script src="/path/to/js.cookie.js"></script>

Atau bisa juga memanfaatkan CDN.

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

Dan bisa juga menggunakan package manager seperti NPM.

$ npm install js-cookie --save

Baik, seanjutnya setelah instalasi berhasil kita lanjutkan cara menggunakan cookie ini.

Untuk membuat/menyimpan cookie bisa menggunakan script berikut:

Cookies.set('name', 'value');

Diatas kita telah membuat cookie dengan nama: "name" dan isi dari cookie adalah "value". Cara diatas adalah cara dasar atau minimum cookie yang terdiri dari nama dan isi. Kita bisa set waktu cookie aktif, misalkan kita gak pengen simpan cookie lebih dari 4 hari maka kita bisa tambahkan seperti berikut:

Cookies.set('name', 'value', { expires: 4 });

Lalu bagaimana kita membaca cookie yang sudah kita set? 

Cookies.get('name');

Dengan script diatas akan kita dapat nilai dari cookie yang pernah kita set ('value").

Jika kita ingin set waktu menjadi menit atau jam (default-nya hari), kita bisa menggunakan cara berikut:

Cookies.set('name', 'value', { expires: 2/1440 });

Dalam sehari terdapat 1440 menit, jadi kalau kita mau set 2 menit kita tinggal bagi aja menit/(jumlah menit dalam sehari) jadi 1/1440.

Ok demikian penjelasan singkat cookie di jQuery. Semoga bermanfaat.


Kami membuat aplikasi pelayanan kependudukan dan administrasi untuk Desa dan Kelurahan. Demo bisa diakses di https://dash.klandesa.com. Silahkan gunakan email: demo@klandesa.com dan password: 123456


CARI ARTIKEL
Card image cap
AUTHOR: Wisnu

"Client-facing" person. His goal - help clients/projects succeed and always coding.


Lihat Project Kami | Bertemu Tim Kami

Tertarik berkerja dengan kami? Email disini:
wisnu@tipa.co.id