Cara menggunakan COOKIE.JS pada JavaScript

Skip to content

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.

Gunakan JavaScript untuk membuat Cookie

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=/";

Gunakan JavaScript untuk membaca Cookie

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

Memodifikasi Cookie menggunakan JavaScript

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 menggunakan JavaScript

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.

Cookie tali

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.

contoh JavaScript Cookie

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:

1. nilai cookie Setter
2. Mendapatkan nilai fungsi Cookie
3. Fungsi mendeteksi nilai cookie

nilai cookie Setter

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.

Mendapatkan nilai fungsi 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 "."

Fungsi mendeteksi nilai cookie

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:

function checkCookie()
{
var username=getCookie("username");
if (username!="")
  {
  alert("Welcome again " + username);
  }
else
  {
  username = prompt("Please enter your name:","");
  if (username!="" && username!=null)
    {
    setCookie("username",username,365);
    }
  }
}

contoh lengkap

contoh

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;
}

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 "";
}

function checkCookie()
{
var user=getCookie("username");
if (user!="")
  {
  alert("Welcome again " + user);
  }
else
  {
  user = prompt("Please enter your name:","");
  if (user!="" && user!=null)
    {
    setCookie("username",user,365);
    }
  }
}

Coba »

Contoh berikut mengeksekusi checkCookie () fungsi ketika halaman dibuka.