JavaScript Cookie

Apa itu Cookie?

Sebuah cookie adalah variabel yang disimpan pada komputer pengunjung. Setiap kali komputer yang sama permintaan halaman dengan browser, ia akan mengirim cookie juga. Dengan JavaScript, Anda berdua bisa membuat dan mengambil nilai cookie.

Contoh cookie:

  • Nama cookie – Pertama kali seorang pengunjung tiba untuk halaman web Anda, ia harus mengisi / nya namanya. Nama ini kemudian disimpan dalam cookie. Kali pengunjung tiba di halaman Anda, ia bisa mendapatkan pesan selamat datang seperti “Selamat Datang John Doe!” Nama ini diambil dari cookie yang disimpan
  • Sandi cookie – Pertama kali seorang pengunjung tiba untuk halaman web Anda, ia harus mengisi password. Sandi kemudian disimpan dalam cookie. Kali pengunjung tiba di halaman Anda, password diambil dari cookie
  • Tanggal cookie – Pertama kali seorang pengunjung tiba untuk halaman web Anda, tanggal saat ini disimpan dalam cookie. Kali pengunjung tiba di halaman Anda, ia bisa mendapatkan pesan seperti “Kunjungan terakhir anda pada hari Selasa 11 Agustus 2005!” Tanggal tersebut diambil dari cookie yang disimpan

Membuat dan Toko Cookie

Dalam contoh ini kita akan membuat sebuah cookie yang menyimpan nama pengunjung. Pertama kali seorang pengunjung tiba ke halaman web, dia akan diminta untuk mengisi / nya namanya. Nama ini kemudian disimpan dalam cookie. Waktu berikutnya pengunjung tiba di halaman yang sama, ia akan mendapatkan pesan selamat datang.

Pertama, kita membuat sebuah fungsi yang menyimpan nama dari pengunjung dalam sebuah variabel cookie:

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? “” : “; expires=”+exdate.toUTCString());
document.cookie=c_name + “=” + c_value;
}

Parameter dari fungsi di atas memegang nama dari cookie, nilai cookie, dan jumlah hari sampai cookie berakhir.
Pada fungsi di atas pertama-tama kita mengubah jumlah hari untuk tanggal yang valid, maka kita menambahkan jumlah hari sampai cookie harus berakhir. Setelah itu kami menyimpan nama cookie, nilai cookie dan tanggal kedaluwarsa dalam objek document.cookie.

Kemudian, kita membuat fungsi lain yang mengembalikan cookie tertentu:

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(“;”);
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf(“=”));
y=ARRcookies[i].substr(ARRcookies[i].indexOf(“=”)+1);
x=x.replace(/^\s+|\s+$/g,””);
if (x==c_name)
{
return unescape(y);
}
}
}

Fungsi di atas membuat sebuah array untuk mengambil nama cookie dan nilai-nilai, kemudian memeriksa apakah cookie tertentu ada, dan mengembalikan nilai cookie.

Terakhir, kita menciptakan fungsi yang menampilkan pesan selamat datang jika cookie diatur, dan jika cookie tidak diatur maka akan menampilkan kotak prompt, meminta nama pengguna, dan toko cookie username untuk 365 hari, dengan memanggil fungsi setcookie:

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

Leave a Reply

Your email address will not be published. Required fields are marked *