kue masuk JavaScript: Contoh Set, Get & Delete
James Hartman
Apa Cookies?
Cookie adalah sepotong data yang disimpan di komputer Anda untuk diakses oleh browser Anda. Anda mungkin juga telah menikmati manfaat cookie secara sadar atau tidak sadar. Pernahkah Anda menyimpan kata sandi Facebook Anda sehingga Anda tidak perlu mengetiknya setiap kali mencoba masuk? Jika ya, maka Anda menggunakan cookie. Cookie disimpan sebagai pasangan kunci/nilai.
Mengapa Anda membutuhkan Kue?
Komunikasi antara a web browser dan server terjadi menggunakan protokol stateless bernama HTTP. Protokol tanpa kewarganegaraan memperlakukan setiap permintaan secara independen. Jadi, server tidak menyimpan data setelah mengirimkannya ke browser. Namun dalam banyak situasi, data akan diperlukan lagi. Ini dia kue-kue yang menjadi sebuah gambar. Dengan cookie, browser web tidak perlu berkomunikasi dengan server setiap kali data dibutuhkan. Sebaliknya, dapat diambil langsung dari komputer.
Javascript Setel Kue
Anda dapat membuat cookie menggunakan dokumen. properti cookie seperti ini.
document.cookie = "cookiename=cookievalue"
Anda bahkan dapat menambahkan tanggal kedaluwarsa pada cookie Anda sehingga cookie tertentu akan dihapus dari komputer pada tanggal yang ditentukan. Tanggal kedaluwarsa harus ditetapkan dalam format UTC/GMT. Jika Anda tidak menetapkan tanggal kedaluwarsa, cookie akan dihapus saat pengguna menutup browser.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Anda juga dapat mengatur domain dan jalur untuk menentukan domain mana dan direktori mana di domain tertentu milik cookie tersebut. Secara default, cookie milik halaman yang menyetel cookie.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
//buat cookie dengan domain ke halaman saat ini dan jalur ke seluruh domain.
JavaSkrip mendapatkan Cookie
Anda dapat mengakses cookie seperti ini yang akan mengembalikan semua cookie yang disimpan untuk domain saat ini.
var x = document.cookie
JavaSkrip Hapus Cookie
Untuk menghapus cookie, Anda hanya perlu mengatur nilai cookie menjadi kosong dan mengatur nilai expired ke tanggal yang telah berlalu.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Coba sendiri Contoh ini
Instruksi khusus agar kode berfungsi… Tekan tombol run dua kali
<html>
<head>
<title>Cookie!!!</title>
<script type="text/javascript">
function createCookie(cookieName,cookieValue,daysToExpire)
{
var date = new Date();
date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
}
function accessCookie(cookieName)
{
var name = cookieName + "=";
var allCookieArray = document.cookie.split(';');
for(var i=0; i<allCookieArray.length; i++)
{
var temp = allCookieArray[i].trim();
if (temp.indexOf(name)==0)
return temp.substring(name.length,temp.length);
}
return "";
}
function checkCookie()
{
var user = accessCookie("testCookie");
if (user!="")
alert("Welcome Back " + user + "!!!");
else
{
user = prompt("Please enter your name");
num = prompt("How many days you want to store your name on your computer?");
if (user!="" && user!=null)
{
createCookie("testCookie", user, num);
}
}
}
</script>
</head>
<body onload="checkCookie()"></body>
</html>
