Cara menggunakan COOKIE.JS pada JavaScript

Table of Contents Show

Apa Cookies?
Gunakan JavaScript untuk membuat Cookie
Gunakan JavaScript untuk membaca Cookie
Memodifikasi Cookie menggunakan JavaScript
Hapus Cookie menggunakan JavaScript
Cookie tali
contoh JavaScript Cookie
nilai cookie Setter
Mendapatkan nilai fungsi Cookie
Fungsi mendeteksi nilai cookie
contoh lengkap

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya akan membagikan artikel mengenai mengubah dan menghapus Cookie pada JavaScript, tanpa berlama-lama lagi langsung aja yuk kita masuk ke pembahasannya. Untuk mengubah cookie dapat digunakan method tambah pada objek zcookie. Berikut souce code untuk mengubah nilai sebuah cookie.

Mengubah Cookie

Menghapus Cookie

Untuk menghapus cookie, tambahkan method hapus pada objek zcookie pada file cookie.js sebagai berikut.

Source code di bawah digunakan menghapus cookie dengan method hapus pada objek zcookie.

Nah sobat Webhozz itulah pembahasan singkat mengenai mengubah dan menghapus Cookie pada JavaScript. Semoga pembahasan artikel kali ini bisa membantu sobat Webhozz dalam memahami dan mempelajari CodeIgniter, dan juga semoga pembahasan artikel kali ini dapat menambah pengetahuan sobat Webhozz semua, sampai berjumpa lagi pada pembahasan artikel-artikel lainnya yang tentunya lebih menarik lagi.

Cookies untuk informasi pengguna disimpan halaman web.

Apa Cookies?

Cookie adalah data yang disimpan dalam file teks di komputer Anda di.

Ketika web server mengirimkan halaman web ke browser setelah koneksi ditutup, server tidak merekam informasi pengguna.

Peran cookie adalah untuk memecahkan "bagaimana untuk merekam informasi klien pengguna":

Bila pengguna mengunjungi halaman web, namanya dapat direkam dalam cookie.
Ketika waktu berikutnya pengguna mengakses halaman, Anda dapat membaca catatan akses pengguna dalam cookie.

Cookies dengan nilai pasangan nama / disimpan sebagai berikut:

Ketika browser meminta halaman web dari server, cookie milik halaman tersebut akan ditambahkan ke permintaan. server untuk mendapatkan informasi pengguna dengan cara ini.

JavaScript properti document.cookie dapat digunakan untuk membuat, membaca, dan menghapus cookie.

JavaScript, membuat sebuah cookie sebagai berikut:

document.cookie="username=John Doe";

Anda juga dapat menambahkan waktu berakhirnya cookie (dalam UTC atau waktu GMT). Secara default, kue dihapus saat browser ditutup:

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

Anda dapat menggunakan parameter path memberitahu jalan Cookie browser. Secara default, kue milik halaman saat ini.

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

Dalam JavaScript, Anda dapat menggunakan kode berikut untuk membaca cookies:

	document.cookie tali akan kembali segala macam kue, Jenis Format: cookie1 = value; cookie2 = value; cookie3 = nilai;

Dalam JavaScript, memodifikasi cookies mirip dengan menciptakan cookies, sebagai berikut:

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

Cookie lama akan ditimpa.

Hapus Cookie sangat sederhana. Anda hanya perlu mengatur parameter untuk berakhir waktu sebelumnya, seperti yang ditunjukkan di bawah ini, diatur untuk Thu, 1 Januari 1970 00:00:00 GMT:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

Perhatikan bahwa ketika Anda menghapus tanpa menentukan nilai dari cookie.

properti document.cookie terlihat seperti string teks biasa, pada kenyataannya tidak.

Bahkan jika Anda menulis document.cookie kue string lengkap, ketika Anda membaca kembali informasi cookie, cookie adalah pasangan nama / nilai dalam bentuk tayangan.

Jika Anda menetapkan cookie baru, cookie lama tidak akan ditimpa. Cookie baru akan ditambahkan ke document.cookie, sehingga membaca kembali jika Anda document.cookie, Anda akan menerima data sebagai berikut:

cookie1 = value; cookie2 = nilai;

Jika Anda perlu menemukan nilai cookie tertentu, Anda harus membuat fungsi JavaScript untuk menemukan nilai cookie di cookie string yang.

Pada contoh berikut, kita akan membuat cookie untuk menyimpan nama pengunjung.

Pertama, pengunjung ke halaman web, ia akan diminta untuk mengisi nama mereka. Nama tersebut akan disimpan dalam cookie.

Pada saat Anda mengakses halaman pengunjung, ia akan melihat pesan selamat datang.

Dalam contoh ini, kita akan membuat tiga fungsi JavaScript:

nilai cookie Setter
Mendapatkan nilai fungsi Cookie
Fungsi mendeteksi nilai cookie

Pertama, kita membuat fungsi untuk menyimpan nama pengunjung:

function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}

Fungsi resolusi:

Lebih dari satu parameter fungsi, nama cookie untuk CNAME itu, nilai cookie cvalue, dan mengatur waktu berakhirnya cookie berakhir.

Fungsi ini menetapkan nama cookie, nilai cookie, waktu berakhirnya cookie.

Kemudian, kita membuat fungsi yang mengembalikan pengguna untuk menentukan nilai cookie:

function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}

Fungsi resolusi:

Nama parameter cookie CNAME.

Membuat variabel teks digunakan untuk mengambil cookie yang ditentukan: CNAME + "=".

Gunakan titik koma string document.cookie terpisah dan ditugaskan ke dibagi ca array string (ca = document.cookie.split ( ';')).

Siklus ca array (i = 0; i <ca.length; i ++), dan kemudian membaca setiap nilai dalam array, dan penghapusan spasi (c = ca [i] .trim ()).

Jika Anda menemukan cookie (c.indexOf (nama) == 0), mengembalikan nilai cookie (c.substring (name.length, c.length).

Jika Anda tidak menemukan cookie, kembali "."

Akhirnya, kita dapat membuat fungsi untuk mendeteksi apakah cookie dibuat.

Jika Anda menetapkan cookie, ia akan menampilkan pesan ucapan.

Jika Anda tidak menetapkan cookie, maka akan muncul pop untuk bertanya nama pengunjung dan memanggil pengunjung fungsi nama setcookie penyimpanan 365 hari: